/* ==================================================================
GLOBAL STYLES
================================================================== */
html,
body { 
	height:100%;
	width:100%;
	overflow: hidden-x;
}

body {
	background:transparent;
	background-color: transparent;
	color:#000;
	font-family:'Lato', sans-serif;
	font-size:12px;
	font-weight:400;
	line-height:1.5em;
}

a,
a:hover,
a:focus,
a:active { 
	font-weight:400;
	outline:none !important;
	text-decoration:none;
}

ul,li { 
	list-style:none;
}

iframe { 
	border:0; 
}

hr {
	border-color:#e6e6e6;
	border-width:1px 0 0;
	float:left;
	margin:45px 0 45px 30px;
	width:100%;
}

textarea,
input,
input:hover,
input:focus,
input:active,
input[type="text"], 
input[type="text"]:focus, 
input[type="text"]:hover, 
input[type="text"]:active, 
input[type="email"],
input[type="email"]:focus,
input[type="email"]:hover,
input[type="email"]:active,
button,
button[type="submit"]{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
		-ms-box-shadow: none;
		 -o-box-shadow: none;
			box-shadow: none;
	outline:0px !important;
}

#supersized img{
	max-width: none !important;
}

.poster-image {
	background: url(http://placehold.it/1280x760&text=image1);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	z-index:0 !important;
	backface-visibility:hidden;
	background-position:center center;
}

/* ==================================================================
ANIMATIONS
================================================================== */

.btn {
	-webkit-transition: all 0.35s ease-in-out;
   	   -moz-transition: all 0.35s ease-in-out;
   		 -o-transition: all 0.35s ease-in-out;
   		-ms-transition: all 0.35s ease-in-out;
   			transition: all 0.35s ease-in-out;
   	text-transform: uppercase;
}

.navbar-toggle .icon-bar,
#features .features-wrapper h4,
.spotlight-features li:hover p strong,
#testimonials-slides .testimonial-icon,
.plan:hover,
.button-send,
.mask-overlay,
.footer-content .back-top,
ul.footer-social a {
	-webkit-transition: all 0.35s ease-in-out;
   	   -moz-transition: all 0.35s ease-in-out;
   		 -o-transition: all 0.35s ease-in-out;
   		-ms-transition: all 0.35s ease-in-out;
   			transition: all 0.35s ease-in-out;
}

ul.nav li a::before,
ul.nav li a::after {
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	   -moz-transition: -moz-transform 0.3s, opacity 0.2s;
		 -o-transition: -o-transform 0.3s, opacity 0.2s;
		-ms-transition: -ms-transform 0.3s, opacity 0.2s;
			transition: transform 0.3s, opacity 0.2s;
}

.hi-icon-effect .hi-icon:after {
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	   -moz-transition: -moz-transform 0.2s, opacity 0.3s;
		 -o-transition: -o-transform 0.2s, opacity 0.3s;
		-ms-transition: -ms-transform 0.2s, opacity 0.3s;
			transition: transform 0.2s, opacity 0.3s;
}

.post figure a {
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	   -moz-transition: -moz-transform 0.5s, opacity 0.5s;
		 -o-transition: -o-transform 0.5s, opacity 0.5s;
		-ms-transition: -ms-transform 0.5s, opacity 0.5s;
			transition: transform 0.5s, opacity 0.5s;
}

@-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); }
}

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

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

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

.hi-icon-2-effect .hi-icon-2 {
	-webkit-transition: background 0.2s, color 0.2s;
	   -moz-transition: background 0.2s, color 0.2s;
		 -o-transition: background 0.2s, color 0.2s;
		-ms-transition: background 0.2s, color 0.2s;
			transition: background 0.2s, color 0.2s;
}

/* ==================================================================
TYPOGRAPHY
================================================================== */

p {
	color:#818A90;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
	margin:10px 0;
	width:100%!important;
}

em { 
	font-style:normal;
	font-weight:600 ;
}

h1, h2, h3, h4 { 
	color:#4E565C;
	font-family:'Lato' sans-serif;
	font-weight:400;
	margin:0; 
}

h1 { 
	font-size:50px;
	line-height:1.3em;
	margin-bottom: 10px; 
}

h2 { 
	font-size:30px;
	line-height:1.2em; 
	font-weight: 900; 
}
h3 { 
	font-size:26px;
	line-height:1.3846em;
	font-weight: 300; 
	margin-bottom: 20px; 
}

h4 { 
	font-size:18px;
	line-height:1em;
}
		
/* ==================================================================
HEADING
================================================================== */
.heading { 
	margin-bottom: 30px;
	padding: 0px 15px;
	text-align: center;
}

.heading .section-name{
	font-size:12px;
	line-height:3em;
	text-transform: uppercase;
	color: #aebac3;
	padding: 0 15px;
	font-weight: 400;
	border-left: 1px solid #aebac3;
	border-right: 1px solid #aebac3;
}

.heading h2 em{
	font-family: 'Pacifico', cursive !important;
}

.heading p { 
	font-size:18px;
	line-height:1.5em;
}
	
.heading span.line {
	margin-top: 20px;
	display: inline-block;
	width:100px;
}

/* ==================================================================
FIXED NAVBAR
================================================================== */
nav {
	background: #fff;
	border-bottom:1px solid rgba(0, 0, 0, .1) !important;
	height:60px;
	padding:10px 0 20px 0;
	position:fixed;
	z-index:9000 !important;
}

ul.nav li {
	border:2px solid rgba(255, 255, 255, 0);
	padding: 7px 15px;
}		

ul.nav li a {
	color:#292D30;
	font-size:12px;
	font-weight:700;
	padding:0;
	text-transform:uppercase;
}		

ul.nav li a::before,
ul.nav li a::after {
	display: inline-block;
	opacity: 0;
}

ul.nav li a::before {
	margin-right: 10px;
	content: '|';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

ul.nav li a::after {
	margin-left: 10px;
	content: '|';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

ul.nav li a:hover::before,
ul.nav li a:hover::after,
ul.nav li a:focus::before,
ul.nav li a:focus::after,
ul.nav li.active a::before,
ul.nav li.active a::after {
	font-weight:900; 
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

ul.nav li.active a{
	font-weight:900; 
}

ul.nav li a:hover, ul.nav li a:focus  { 
	background:none; 
}		

nav.navbar-fixed-top{
	top: -60px;
}

/* ==================================================================
BRAND - NAVBAR, HOMEPAGE, FOOTER
================================================================== */
nav .logo,
.intro-brand, 
footer .logo { 
	color:#292D30;
	font-family: 'Pacifico', cursive;
}

nav .logo { 
	font-size:33px;
	margin: -5px 0px 0px -15px;
}

.intro span.intro-brand { 
	color:#FFF;
	font-size:50px;
}

footer h1.logo { 
	font-size:38px;
	font-weight:400;
}

/* ==================================================================
SECTIONS
================================================================== */
section{
	padding: 80px 0;
	text-align: center;
	overflow-x: hidden !important;
}

#features, #gallery, #prices, #contact, footer{
	background: #fff url(../images/patterns/pattern1.png) repeat;
}

#homepage, #newsletter, #comments, #twitter{
	background: url(../images/patterns/pattern3.png) repeat;
}
		
/* ==================================================================
HOMEPAGE
================================================================== */ 
#homepage{
	position: relative;
	padding: 130px 0 150px 0;
}

#homepagec{
	position: relative;
	padding: 75px 0 75px 0;
}

.intro{
	padding-top: 100px;
}

.introA{
	padding-top: 30px;
}

.introB{
	padding-top: 20px;
}

.intro h1,
.intro h3,
.intro p { 
	color:#FFF;
}

.introA h1,
.introA h3,
.introA p { 
	color:#FFF;
}

.introB h1,
.introB h3,
.introB p { 
	color:#FFF;
}


.intro .btn-lg{
	border-color: #fff; 
	background: none;
	font-size: 14px;
	padding: 10px 20px;
	color: #fff;
	text-shadow: none;
	margin-top: 20px;
}

.intro .btn-lg:hover{
	color: #fff;
}

.intro .learn:not(.not-yet){
	font-size: 14px;
	padding: 9px 20px;
	text-shadow: none;
	margin-top: 20px;
	margin-right: 20px;
	border-radius: 6px
}

.intro .not-yet{
	font-size: 14px;
	padding: 9px 20px;
	text-shadow: none;
	margin-top: 20px;
	margin-right: 20px;
	border-radius: 6px
}

.intro .learn:hover{
	border-color: #fff;
	background: #fff;
}

.intro .not-yet:hover{
	border-color: #EF462B !important;
	background: #fff;
}

.scroll-down{
	position: absolute;
	z-index: 100;
	opacity: 0.5;
	left: 50%;
	bottom: 40px;
	-webkit-transition: all .35s ease-in-out;
	   -moz-transition: all .35s ease-in-out;
		-ms-transition: all .35s ease-in-out;
		 -o-transition: all .35s ease-in-out;
			transition: all .35s ease-in-out;
}

@keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:40px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:40px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-webkit-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:40px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:40px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-moz-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:40px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:40px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-ms-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:30px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:30px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

@-o-keyframes arrows {
	0% { bottom:40px; }
	10% { bottom:50px; }
	20% { bottom:40px; }
	30% { bottom:50px; }
	40% { bottom:30px; }
	50% { bottom:50px; }
	60% { bottom:40px; }
	70% { bottom:50px; }
	80% { bottom:30px; }
	90% { bottom:50px; }
	100% { bottom:40px; }
}

.scroll-down {
	-webkit-animation: arrows 3.8s infinite;
	   -moz-animation: arrows 3.8s infinite;
		-ms-animation: arrows 3.8s infinite;
		 -o-animation: arrows 3.8s infinite;
			animation: arrows 3.8s infinite;
	-webkit-animation-delay: 1s;
	   -moz-animation-delay: 1s;
		-ms-animation-delay: 1s;
		 -o-animation-delay: 1s;
			animation-delay: 1s;
	cursor:pointer;
}

.scroll-down:hover{
	opacity: 1;
}

/* Video version */

.video-version{
	text-align: center !important;
	padding: 100px 0px !important;
}

.video-version h1{
	margin-bottom: 80px !important;
}
	
/* ==================================================================
FEATURES
================================================================== */
#features .features-wrapper { 
	margin-top:20px 
}

#features .features-desc { 
	margin-bottom:30px 
}

.hi-icon-wrap {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	margin: 15px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #4e565c;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'ElegantIcons';
	speak: none;
	font-size: 25px;
	line-height: 60px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-effect .hi-icon {
	box-shadow: 0 0 0 1px #4e565c;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	   -moz-transition: -moz-transform 0.2s, opacity 0.3s;
		 -o-transition: -o-transform 0.2s, opacity 0.3s;
		-ms-transition: -ms-transform 0.2s, opacity 0.3s;
			transition: transform 0.2s, opacity 0.3s;
}

.hi-icon-effectb .hi-icon {
	color: #4e565c;
}

.features-desc:hover .hi-icon {
	color: #fff;
}

.hi-icon-effectb .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.features-desc:hover .hi-icon:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.features-desc h4 {
	text-transform: none !important;
}

#features .features-images {
	position: relative;
	display: block;
	margin: 20px 0px;
}

.features-images .feat1 {
	width: 30%;
	margin-left: 45px;
	float: left;
} 

.features-images .feat2 {
	width: 30%;
	margin-right: 45px;
	float: right;
}

.features-images .feat3 {
	position: absolute;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	top: -20px;
	width: 32%;
}			
				
/* ==================================================================
SPOTLIGHT 1
================================================================== */
#spotlight1{
	text-align: left;
	height: 420px;
	overflow: hidden;
}
		
.spotlight-link{
	border-color: #4E565D; 
	background: none;
	font-size: 14px;
	padding: 10px 20px;
	color: #4E565D;
	text-shadow: none;
	margin-top: 20px;
}

.spotlight-link:hover{
	color: #fff;
}

.spot1-img{
	float: right  ;
	width: 85%;
}

/* ==================================================================
NEWSLETTER
================================================================== */
#newsletter span.section-name,
#newsletter h2,
#newsletter p {
	color: #fff;
}

#newsletter span.section-name{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.subscribe{
	height: 70px;
}

.subs-input,
.subs-input:hover,
.subs-input:focus,
.subs-input:active {
	font-family:'Lato', sans-serif;
	height: 43px;
	border-color: #fff; 
	background: none;
	font-size: 14px;
	color: #fff;
}

.subs-submit{
	border-color: #00aaaa; 
	background: #00aaaa;
	font-size: 14px;
	padding: 10px 25px;
	color: #fff;
	text-shadow: none;
}

.subs-submit:hover,
.subs-submit:focus,
.subs-submit:active{
	color: #fff;
}

.success-message{
	clear: both;
	color: #00cccc;
	margin-top: 15px;
	font-weight: 400;
	font-size: 18px;
}

.error-message{
	clear: both;
	margin-top: 60px;
	color: #f32626;
	font-weight: 400;
	font-size: 18px;
}

/* ==================================================================
GALLERY
================================================================== */
a.thumbnail{
	box-shadow: none;
	border-color: #aebac3;
	overflow:hidden;
	padding: 8px;
	border-radius: 0px;
	position: relative;
}

a.thumbnail:hover{
	padding: 8px;
	cursor: url('../images/plus.png'), url('../images/plus.png'), move;
}

a.thumbnail div {
	position: absolute;
	background: #333;
	width: 100%;
	height: 100%;
	top: 100%;
}

a.thumbnail div span{
	display: block;
	padding: 10px 0;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	position: absolute;
	top: 35%;
	width: 100%;
}

.gallery-images{
	margin-top: 20px;
}

/* ==================================================================
SPOTLIGHT 2
================================================================== */

#spotlight2{
	text-align: left;
	height: 530px;
	overflow: hidden;
}

.spotlight-features li{
	margin-bottom: 20px;
}

.hi-icon-2-wrap {
	text-align: center;
	margin: 0 auto;
	margin-right: 15px;
	padding: 10px;
	display: inline-block;
	float: left;
}

.hi-icon-2 {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #818a90;
}

.hi-icon-2:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon-2:before {
	font-family: 'ElegantIcons';
	speak: none;
	font-size: 25px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-2-effect .hi-icon-2 {
	box-shadow: 0 0 0 2px #ddd;
}

.spotlight-features li:hover .hi-icon-2 {
	color: #fff;
}

.spotlight-features li:hover p strong {
	text-transform: none;
}

.spotlight-features li:hover .hi-icon-2:before {
	-webkit-animation: spinAround 2s linear infinite;
	   -moz-animation: spinAround 2s linear infinite;
		 -o-animation: spinAround 2s linear infinite;
		-ms-animation: spinAround 2s linear infinite;
			animation: spinAround 2s linear infinite;
}
		
.spotlight-link{
	border-color: #4E565D; 
	background: none;
	font-size: 14px;
	padding: 10px 20px;
	color: #4E565D;
	text-shadow: none;
	margin-top: 20px;
}

.spotlight-link:hover{
	color: #fff;
}

.spot2-img{
	float: left;
	width: 85%;
}

/* ==================================================================
COMMENTS
================================================================== */

#comments .icon-title {
	font-family: 'ElegantIcons';
	font-size: 45px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	margin: 0 auto;
	color: #fff;
}

#testimonials-slides {
    position: relative;
    text-align: center;
    margin-top: 10px;
}

#testimonials-slides .client-name {
    color: #fff;
}

#testimonials-slides .testimonial-icon{
	font-family: 'ElegantIcons';
	color: rgba(255, 255, 255, 0.5);
	font-size: 30px;
}

#testimonials-slides .testimonial-icon:hover{
	color: rgba(255, 255, 255, 1);
}

#testimonials-slides .client-name:before,
#testimonials-slides .client-name:after {
    margin: 0 3px;
    color: #fff;
}

#testimonials-slides .testimonial h3,
#testimonials-slides .client-name p {
	color: #fff;
}

.owl-controls{
	text-align: center;
	margin-top: 20px;
}

.owl-controls .owl-buttons div{
	width: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
}

/* ==================================================================
PRICES
================================================================== */

.pricing-tables{
	margin-top: 20px;
}

.plan{
	background: #f5f5f5;
	padding: 30px 0;
}

.plan:hover{
	background: #eeeeee;
}

.plan-heading{
	border-bottom: 1px solid #ebe8e8;
	padding-bottom: 10px;
}

.subtitle-price{
	margin-top: -20px;
}

.circle-price{
	width: 120px;
	height: 120px;
	font-size: 30px;
	font-weight: 900;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	margin: 20px auto;
	line-height: 120px;
}

.plan ul li{
	padding: 2px;
	border-bottom: 1px solid #ebe8e8;
}

.buy-now a{
	border-color: #818a90; 
	background: none;
	padding: 5px 20px;
	color: #818a90;
	text-shadow: none;
	margin-top: 20px;
}

.buy-now a:hover{
	color: #fff;
}

/* ==================================================================
BLOG
================================================================== */

.post{
	margin-top: 20px;
	float: left;
	text-align: left;
}

.post .thumbnail{
	box-shadow: none;
	border-color: #aebac3;
	max-width: 350px;
	overflow:hidden;
	padding: 8px;
	border-radius: 0px;
	position: relative;
	margin-right: 25px;
	float: left;
}

.post .thumbnail:hover{
	padding: 8px;
}

.post .thumbnail img{
	height: 250px;
}
	
.mask-overlay{
	position: absolute;
	z-index: 50;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
}

.post .thumbnail:hover .mask-overlay{
	opacity: 0.5;
}

.social-icons{
	position: absolute;
	z-index: 60;
	top: 50%;
	height: 35px;
	width: 100%;
	margin-top: -17px;
	text-align: center;
}

.social-icons a{
	font-size: 35px;
	color: #fff;
	opacity: 0.5;
	display: inline-block;
	margin: 0px 10px;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
		-ms-transform: scale(0);
		 -o-transform: scale(0);
			transform: scale(0);
}

.post .thumbnail:hover a{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
		-ms-transform: scale(1);
		 -o-transform: scale(1);
			transform: scale(1);
}

.social-icons a:hover {
	opacity: 1;
}

.post p{
	color: #aaa;
	margin-top: -10px;	
}

a.more{
	border-color: #818a90; 
	background: none;
	padding: 5px 20px;
	color: #818a90;
	text-shadow: none;
	margin-top: 20px;
	float: left;
}

a.more:hover{
	color: #fff;
}

a.more-posts{
	border-color: 4e565c; 
	background: none;
	padding: 5px 20px;
	color: #4e565c;
	text-shadow: none;
	margin-top: 40px;
	box-shadow: none;
}

a.more-posts:hover{
	color: #fff;
}

/* ==================================================================
TWITTER
================================================================== */	

#twitter{
	padding: 40px 0;
}

.icon-twitter {
	font-family: 'ElegantIcons';
	font-size: 40px;
	float: left;
	display: inline-block;
	margin-right: 30px;
}

ul.list-tweets{
	height: 30px;
	overflow: hidden;
	line-height: 20px;
	text-align: left;
}

ul.list-tweets li p{
	color: #fff;
}

ul.list-tweets li a{
	font-weight: 600;
}

/* ==================================================================
CONTACT
================================================================== */

#contactform input {
	font-family:'Lato', sans-serif;
	height: 43px;
	border: 1px solid #818a90; 
	background: none;
	font-size: 14px;
	padding: 0 10px;
	color: #818a90;
	width: 100%;
	box-shadow: none;
}

#contactform textarea {
	font-family:'Lato', sans-serif;
	border: 1px solid #818a90; 
	background: none;
	font-size: 14px;
	margin-top: 15px;
	padding: 10px;
	color: #818a90;
	width: 100%;
	box-shadow: none;
}

#contactform .form-control{
	float: left;
}

.button-send{
	border-color: #4E565D; 
	background: none;
	font-size: 14px;
	padding: 10px 20px;
	color: #4E565D;
	text-shadow: none;
	margin-top: 20px;
	float: left;
}

.button-send:hover,
.button-send:focus,
.button-send:active{
	color: #fff;
}

.success-message-2{
	font-weight: 700;
	font-size: 16px;
}

.error-message-2{
	margin: 15px 0px 0px 10px;
	float: left;
	color: #f32626;
	font-weight: 700;
	font-size: 16px;
}
	
/* ==================================================================
FOOTER
================================================================== */
footer { 
	padding: 0px;
	text-align: center;;
}

.footer-content hr{
	border-color: #ccc;
	padding: 0px;
	margin: 0px;
}

.footer-content .back-top{
	color: #fff;
	background-color: #ccc;
	font-size: 30px;
	position: absolute;
	z-index: 10;
	top: -20px;
	left: 50%;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: -20px;
	padding: 4px;
}

.footer-content h1{
	padding-top: 80px;
}

footer p { 
	font-size:14px;
	font-weight:400;
	line-height:1.2857em;
	margin:20px 0;
}

footer p a span { 
	margin-left:10px; 
}

ul.footer-social { 
	margin:30px auto;
}

ul.footer-social li{
	display: inline-block;
}

ul.footer-social a { 
	display: inline-block;
	padding: 20px;
	background: none;
	color:rgba(78, 101, 108, 0.5);
	font-size: 18px;
	font-family: 'ElegantIcons';
	float: left;
	border-radius: 4px;
}

ul.footer-social a:hover { 
	color:rgba(255, 255, 255, 0.9);
}

ul.footer-social a.facebook:hover { 
	background: #3b5998;
}

ul.footer-social a.twitter:hover { 
	background: #00aced;
}

ul.footer-social a.skype:hover { 
	background: #2aa4e9;
}

ul.footer-social a.linkedin:hover { 
	background: #007bb6;
}

ul.footer-social a.pinterest:hover { 
	background: #cb2027;
}

ul.footer-social a.googleplus:hover { 
	background: #dd4b39;
}

ul.footer-social a.dribbble:hover { 
	background: #ec4a89;
}

ul.footer-social a.vimeo:hover { 
	background: #aad450;
}