/* ==========================================================================
   GENERAL & BASIC STYLES
   ========================================================================== */

#about-page-wrapper,
#pricing-page-wrapper, 
#works-page-wrapper,
#faq-page-wrapper {
	margin-top: 70px;
} 

/*------------------------------------------*/
/*	 Preload Animation 
/*------------------------------------------*/

#preloader{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999; 
	background-color: #E7D3F3;
}

#status{
	position:absolute;
	top:50%; 
	left:50%; 
	margin:-100px 0 0 -100px;
	width:200px;
	height:200px;
	background-image: url(../img/icons/loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
}    
   
/*------------------------------------------*/
/*	 Headers
/*------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; 
	margin-bottom: 10px;
}

/*------------------------------------------*/
/*	 Lists
/*------------------------------------------*/

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*------------------------------------------*/
/*	 Link Setting
/*------------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	color:#60d1f7;
	
}

a:hover {
	text-decoration: none;
	color:#ffc800;
}

a:focus {
	outline: none;
	border: none;
	text-decoration: none;
} 

/*------------------------------------------*/
/*	 Theme Button
/*------------------------------------------*/

.btn-theme {
	background-color: #428bca;
	color: #fff;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	padding: 8px 16px;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.btn-theme:hover {
	background-color: #3071a9;
	color: #fff;
}

/*------------------------------------------*/
/*	 Black Button
/*------------------------------------------*/

.btn-black {
	background-color: #444;
	color: #fff;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	padding: 8px 16px;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.btn-black:hover {
	background-color: #333;
	color: #fff;
}

/*------------------------------------------*/
/*	 Button Hover/Focus
/*------------------------------------------*/

.btn:focus {
	color: #f8f8f8;
	text-decoration: none;
	outline: none;
}

/* ==========================================================================
   INTRO PAGE
   ========================================================================== */

 body.welcome_page {
	background:url(../img/bg2.jpg) no-repeat left bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} 


body.welcome_page2 {
	background:url(../img/bg.jpg) no-repeat left bottom fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} 





 
/*------------------------------------------*/
/*	 Intro Page Content    
/*------------------------------------------*/

.intro-content {
	color: #666;
	margin-top: 40px;
	margin-bottom: 10px;
}

/*------------------------------------------*/
/*	 Intro Page Slogan   
/*------------------------------------------*/

#intro_slogan h1 {	
	font-size: 56px;
	font-weight: 800; 
	text-transform: uppercase; 
	/*text-shadow: 1px 1px 2px black, 0 2px 2px #333;*/
	margin-bottom: 10px; 
	font-family:'Open Sans';
	color:#fff;
	text-shadow:
	-1px -1px 0 rgba(0,0,0,.71),
    1px -1px 0 rgba(0,0,0,.71),
    -1px 1px 0 rgba(0,0,0,.71),
    1px 1px 0 rgba(0,0,0,.71),
	1px 1px 2px rgba(0,0,0, .71);
}
#intro_slogan h1 small{	
	font-size: 75%;
	font-weight: 800; 
	text-transform: uppercase; 
	/*text-shadow: 1px 1px 2px black, 0 2px 2px #333;*/
	margin-bottom: 0px; 
	margin-top: 0;
	font-family:'Open Sans';
	color:#fff;
	text-shadow:
	-1px -1px 0 rgba(0,0,0,.71),
    1px -1px 0 rgba(0,0,0,.71),
    -1px 1px 0 rgba(0,0,0,.71),
    1px 1px 0 rgba(0,0,0,.71),
	1px 1px 2px rgba(0,0,0, .71);
}
#intro_slogan h2 {	
	font-size: 36px;
	font-weight: 700; 
	text-transform: uppercase; 
	/*text-shadow: 1px 1px 2px black, 0 2px 2px #333;*/
	margin-bottom: 0px; 
	margin-top: 0;
	font-family:'Open Sans';
	color:#fff;
	text-shadow:
	-1px -1px 0 rgba(0,0,0,.71),
    1px -1px 0 rgba(0,0,0,.71),
    -1px 1px 0 rgba(0,0,0,.71),
    1px 1px 0 rgba(0,0,0,.71),
	1px 1px 2px rgba(0,0,0, .71);
}

#intro_slogan h4 {
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;
	/*text-shadow: 1px 1px 2px black, 0 2px 2px #333;*/
	margin-top: 0; 
	font-family:'Open Sans';
	color:#fff;
	/*text-shadow:
	-1px -1px 0 rgba(255,255,255,.71),
    1px -1px 0 rgba(255,255,255,.71),
    -1px 1px 0 rgba(255,255,255,.71),
    1px 1px 0 rgba(255,255,255,.71),
	1px 1px 2px rgba(0,0,0, .71);*/
}

/*------------------------------------------*/
/*	 Intro Page Register Form  
/*------------------------------------------*/

#mc-container {
    
    
  

   background: transparent linear-gradient(to right, rgba(225, 186, 248, 0.6) 50%, rgba(181, 161, 245, 0.6)) repeat scroll 0% 0% / 100% auto;
    border-width: 1px;
    border-style: solid;
    border-color: #752C9E;
   padding: 10px 20px 10px;
    border-radius: 8px;
   
}

#fiolet {
    
   background: transparent linear-gradient(to right, rgba(225, 186, 248, 0.6) 50%, rgba(181, 161, 245, 0.6)) repeat scroll 0% 0% / 100% auto;
    border-width: 1px;
    border-style: solid;
    border-color: #752C9E;
   padding: 10px 20px 10px;
    border-radius: 8px;
   
}





#intro_form {
	margin-top: 50px;
	margin-bottom: 55px;
}

.form_register {	
	background-color: rgba(10, 10, 10, 0.58);
	border-top: 1px solid #666;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: 20px 30px 10px;
	margin:0 auto;
}

.form_register h4 {
	color: #fff;
    line-height: 30px;
	font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
	font-size:20px;
	text-align:center;
}

/*------------------------------------------*/
/*	  Register Form Input
/*------------------------------------------*/

.form_register .form-control {
	height: 44px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

input[type="text"],
input[type="email"],
textarea {
font-family:'Open Sans';
	background-color: #f0f0f0;
	color: #444;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*------------------------------------------*/
/*	 Form Register Button    
/*------------------------------------------*/

#form_register_btn { 
	margin-bottom: 20px;
	font-family:'Open Sans',sans serif;
	font-weight:600;
}

#form_register_btn .btn {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*------------------------------------------*/
/*	  Register Form Sign In Bar
/*------------------------------------------*/

.sign-in-terms p {
	/*margin-bottom: 2px;*/
	font-size:12px;
	font-family:'Open Sans', sans serif;
	text-align: center;
	font-weight: 300;
	color:#fff;
}

.sign-in-bar p {
	font-weight: 700;
}

/*------------------------------------------*/
/*	  Register Form Sign In Terms
/*------------------------------------------*/

.sign-in-bar p {
	margin-bottom: 2px;
}

.sign-in-terms a {
	color: #fff;	
	font-weight: 400;
	/*text-decoration: underline; */
	border-bottom:1px dotted rgba(255,255,255,.47);
}

.sign-in-terms a:hover {
	text-decoration: none; 
	color:#60d1f7;
	border-bottom:none;
}

/*------------------------------------------*/
/*	   Register Form Error Message 
/*------------------------------------------*/

.error {
	color: #fc0000;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
}

/*------------------------------------------*/
/*	 Intro Page Footer  
/*------------------------------------------*/

#intro_footer_copy {
	padding-top: 55px;
}

#intro_footer_copy p {
	font-family:'Open Sans', sans serif;
	color: #ccc;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0; 
}

#intro_footer_copy p a{
	border-bottom:1px dotted;
	color: #ccc;
}
#intro_footer_copy p a:hover{
	border-bottom:none;
	color: #e8e8e8;
}
/*------------------------------------------*/
/*	 Intro Page Footer Social Icons   
/*------------------------------------------*/

.intro-social-icons {
	display: inline-block; 
}

.intro-social-icons li {
	float: left;
	width: auto !important;
    display: inline-block !important;
    vertical-align: bottom;
    clear: none !important;
	line-height: 70px;
}

/*------------------------------------------*/
/*	 Intro Page Social Icon Setting 
/*------------------------------------------*/

.he_social {
    width: 42px;
    height: 42px;
	color: #fff;
	font-size: 21px;
    line-height: 39px;
	text-align: center;
	margin: 0 4px;
	border: 3px solid #fff;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    text-decoration: none;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

/*------------------------------------------*/
/*	 Intro Page Social Icons Background 
/*------------------------------------------*/

.he_social.ico-facebook {background-color: #3b5998; border-color: #3b5998; color: #f8f8f8;}
.he_social.ico-twitter {background-color: #00a9ed; border-color:#00a9ed; color: #f8f8f8;}
.he_social.ico-behance {background-color: #00a8e7; border-color:#00a8e7; color: #f8f8f8;}
.he_social.ico-google-plus  {background-color: #cd1111; border-color:#cd1111; color: #f8f8f8;}
.he_social.ico-linkedin {background-color: #015886; border-color:#015886; color: #f8f8f8;}
.he_social.ico-dribbble {background-color: #d92d84; border-color:#d92d84; color: #f8f8f8;}
.he_social.ico-instagram {background-color: #beb3a8; border-color:#beb3a8; color: #f8f8f8;}
.he_social.ico-pinterest  {background-color: #ac281a; border-color:#ac281a; color: #f8f8f8;}
.he_social.ico-dropbox  {background-color: #008ad2; border-color:#008ad2; color: #f8f8f8;}
.he_social.ico-skype  {background-color: #00a9ed; border-color:#00a9ed; color: #f8f8f8;}
.he_social.ico-youtube  {background-color: #cd1b20; border-color:#cd1b20; color: #f8f8f8;}
.he_social.ico-tumblr {background-color: #3a5976; border-color:#3a5976; color: #f8f8f8;}
.he_social.ico-vimeo  {background-color: #00adee; border-color:#00adee; color: #f8f8f8;}
.he_social.ico-flickr  {background-color: #d2d2d2; border-color:#d2d2d2; color: #f8f8f8;}
.he_social.ico-github  {background-color: #222; border-color:#222; color: #f8f8f8;}
.he_social.ico-renren  {background-color: #364a83; border-color:#364a83; color: #f8f8f8;}
.he_social.ico-vk  {background-color: #3b5998; border-color:#3b5998; color: #f8f8f8;}
.he_social.ico-xing  {background-color: #015f5e; border-color:#015f5e; color: #f8f8f8;}
.he_social.ico-weibo {background-color: #be4443; border-color:#be4443; color: #f8f8f8;}
.he_social.ico-rss {background-color: #ff6600; border-color:#ff6600; color: #f8f8f8;}
.he_social.ico-digg  {background-color: #222; border-color:#222; color: #f8f8f8;}
.he_social.ico-deviantart  {background-color: #57675d; border-color:57675d; color: #f8f8f8;}
.he_social.ico-envelope {background-color: #999; border-color:#999; color: #f8f8f8;}
.he_social.ico-delicious {background-color: #0A0A0A; border-color:#0A0A0A; color: #f8f8f8;}

/*------------------------------------------*/
/*	 Intro Page Social Icon Hover 
/*------------------------------------------*/

.he_social:hover {
	background-color: rgba(10, 10, 10, 0.2);
	color: #fff;
	border: 3px solid #fff;
}

/* ==========================================================================
   FEATURES
   ========================================================================== */
 
#features {
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 60px;
	padding-bottom: 20px;
}

/*------------------------------------------*/
/*	  Feature Box
/*------------------------------------------*/

.feature-box {
	margin-bottom: 50px;
	padding-left: 5px;
	padding-right: 5px;
}

/*------------------------------------------*/
/*	  Feature Box Icon
/*------------------------------------------*/

.feature-box-icon {
    background-color: #428bca;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    color: #FFF;
    line-height: 32px;
    text-align: center;
    font-size: 22px;
}

/*------------------------------------------*/
/*	  Feature Box Content
/*------------------------------------------*/

.feature-box-content {
	padding-left: 30px;
	margin:0px 0 0;
	font-family:'Open Sans';
	color:#fff;
}

.feature-box-content h3 {
	font-size: 20px;
	font-weight: 600;
	margin:0 0 5px;
	color:#fff;
	font-family:'Open Sans';
	text-shadow:
	-1px -1px 0 rgba(0,0,0,.51),
    1px -1px 0 rgba(0,0,0,.51),
    -1px 1px 0 rgba(0,0,0,.51),
    1px 1px 0 rgba(0,0,0,.51),
	1px 1px 2px rgba(0,0,0, .31);
}
.feature-box-content h3 small {
	color:#fff;
}

.feature-box-content p { 
	font-size: 16px;
	font-weight: 400;
	border-bottom:1px solid rgba(255,255,255,.37);
	padding-bottom:10px;
	text-shadow:
	-1px -1px 0 rgba(0,0,0,.51),
    1px -1px 0 rgba(0,0,0,.51),
    -1px 1px 0 rgba(0,0,0,.51),
    1px 1px 0 rgba(0,0,0,.51),
	1px 1px 2px rgba(0,0,0, .31);
}

.last { 
	border-bottom:none! important;
	padding-bottom:10px;
}

/* ==========================================================================
   SCROLL TO TOP
   ========================================================================== */

#scrollUp {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	background-image: url(../img/icons/back-to-top.png);
	background-repeat: no-repeat;
	background-position: 50% 48%;
	background-color:rgba(123, 123, 123, 0.65);	
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	-webkit-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	transition: all 250ms linear;	
}

#scrollUp:hover {
	background-color: rgba(66, 139, 202, 0.95);
}

nav a#pull {  
    display: none;  
} 

.centro {
margin:0 auto! important;
}