/*-----------------------------------------------------
-------------        CONTENTS         -----------------
-----------------------------------------------------*/

/*

	1. Tags
	2. Generic classes
		- Tables
		- Pricing Tables
		- Buttons
		- Tabs
		- List
		- Images
		- Headers
		- Togggles
		- Testimonials 
	3. Transitions
	4. Sliders
	5. Isotope
	6. Header
	7. Footer
	8. Homepage
	9. Pages
		- About
		- Blog
		- Sidebar
		- Portfolio
		- Contact
	10. Forms
	11. Misc
	12. Media Queries
	*/
	
* {
	font-family:'Ubuntu', sans-serif;
	color:#777;
}

a,
a:hover {
	text-decoration:none;
}

a {
	color:#555;
}

a:hover {
	color:#444;
}

p,
li,
div {
	font-size:13px;
}

/*-----------------------------------------------------
---------------        HEADER         -----------------
-----------------------------------------------------*/

header.main {
	border-top: 10px solid #5c396f;
	padding-top: 20px;
}

header.main .logo {
	float:left;
}

.logo_complement{
	margin-left: 20px;
	border-left-color: #909;
	border-left-width: 2px;
	border-left-style: solid;
	padding-left:20px;
}

header.main .contact {
	float:right;
}

header.main .contact li {
	text-align:right;
	font-size:12px;
	color:#666;
}

header.main .contact li img {
	margin-right:6px;
}

header.main .upper {
	margin-bottom:20px;
}

header.main nav {
	float:left;
}

header.main nav ul li {
	margin-right:13px;
	position:relative;
}
header.main nav ul li.dropdown a {
	padding-right:18px;
}

header.main nav > ul > li.dropdown:after,
header.main nav > ul > li.dropdown.active:after {
	position:absolute;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	content:"";
	right:5px;
	bottom:7px;
}

header.main nav > ul > li.dropdown:after {
	border-top:5px solid #666;
}

header.main nav > ul > li.active.dropdown:after,
header.main nav > ul > li.dropdown:hover:after {
	border-top:5px solid #FFF;
}

header.main nav ul li a {
	text-transform:uppercase;
	color:#414141;
	font-size:15px;
	display:block;
	padding:1px 3px;
	transition:all 0.15s linear;
}

header.main nav ul li.active a,
header.main nav ul li:hover a {
	background:#5c396f;
	color:#FFF;
}

header.main nav ul.dropdown-menu {
	display:none;
	position:absolute;
	left:0px;
	top:22px;
	margin:0;
	padding:13px 0 0;
	z-index:1000;
	min-width:200px;
	border:0;
	background:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

header.main nav ul.dropdown-menu li {
	width:100%;
}

header.main nav ul li ul.dropdown-menu li:last-child {
	border-bottom:1px solid #009DD6;
}

header.main nav ul.dropdown-menu li a {
	padding:4px 5px;
}

header.main nav ul > li:hover > ul.dropdown-menu {
	display:block;
}

header.main nav ul.dropdown-menu li:hover a {
	text-indent:4px;
	background:#F18B8B;
}

header.main nav ul.dropdown-menu ul.third-level {
	display:none;
	position:absolute;
	min-width:200px;
}

header.main nav ul.dropdown-menu ul.third-level li {
	width:100%;
	border-left:1px solid #FFF;
}

header.main nav ul.dropdown-menu li.dropdown:after {
	position:absolute;
	right:5px;
	top:10px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #FFF;
	content:"";
}

header.main nav ul.dropdown-menu li:hover ul.third-level {
	display:block;
	left:100%;
	top:0;
	margin:0;
	padding:0;
}

header.main .social {
	float:right;
}

header.main .social ul li {
	margin-right:5px;
}

header.main .social ul li img {
	position:relative;
	top:0;
}

header.main .social ul li:hover img {
	top:-5px;	
}

header.main.social ul li:last-child {
	margin-right:0;
}

header.main hr.striped {
	margin:10px 0 20px;
}





img,
iframe {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.nmp {
	margin:0;
	padding:0;
}

ul.none li {
	list-style-type:none;
}

ul.inline li {
	float:left;
}



/* Buttons */

.button {
	padding:6px 12px;
	display:inline-block;
	outline-width:1px;
	outline-style:solid;
	outline-offset:1px;
	-moz-outline-offset:1px;
	-webkit-outline-offset:1px;
	font-size:14px;
	cursor:pointer;
}

.button.small {
	padding:4px 8px;
	font-size:12px;
}

.button.large {
	padding:10px 20px;
	font-size:16px;
}

.button:hover {
	outline-width:0;
}

.button.grey {
	background:#878787;
	color:#FFF;
	outline-color:#DDD;
}

.button.pink {
	background:#F38A88;
	outline-color:#F38A88;
	color:#FFF;
}

.button.purple {
	background: #5C396F;
	outline-color: #5C396F;
	color: #FFF;
}

.button.dark {
	background:#555;
	outline-color:#999;
	color:#FFF;
}

/* End Buttons */


.left {
	float:left;
}

.right {
	float:right;
}

.alignleft {
	float:left;
	margin:0 25px 25px 0;
}

.alignright {
	float:right;
	margin:0 0 25px 25px;
}



/*-----------------------------------------------------
-------------       TRANSITIONS       -----------------
-----------------------------------------------------*/


.services .service,
.services .service h5,
.services .service span,
.services .service p,
.services .service .button,
header.main .social ul li img,
footer.main ul.social li img,
.home-services .service .icon i,
header.main nav ul li.dropdown:after,
.our-team .member .social li img,
ul.share li,
ul.share li a i,
article.portfolio .mask,
article.portfolio .caption,
article.portfolio .type  {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}


/* Headers */

hr.striped {
	background:url('../img/stripes.png') left top repeat;
	height:6px;
	border:none;
}

h1.header,
h2.header,
h3.header {
	border-bottom:1px solid #0087BA;
	margin-bottom:25px;
}

h1.header span,
h2.header span,
h3.header span {
	background:#0087BA;
	padding:1px 3px;
	color:#FFF;
	text-transform:uppercase;
	font-size:16px;
}

h2.header {
	line-height:21px;
}

h3.header {
	line-height:22px;
}

h1.header span {
	font-size:24px;
	line-height:28px;
}

h2.header span {
	font-size:16px;
	line-height:20px;
}

h3.header span {
	font-size:14px;
	line-height:18px;
}

.section {
	margin-bottom:40px;
}

.page-content .section:last-of-type {
	margin-bottom:0;
}

/* End Headers */


/*SECCION DE COLOR AZUL
------------------------------------*/
.row-colorpink {
	background: #e4d4ee;
	padding: 30px 0px;
	color: #fff;
}

.row-colorpink h1, .row-colorpink h2, .row-colorpink h3, .row-colorpink h4, .row-colorpink h5, .row-colorpink h6 {
	color: #fff;
}

.row-colorgray {
	background: #f7f7f7;
	padding: 30px 0px;
	color: #fff;
}

.row-colorgray h1, .row-colorgray h2, .row-colorgray h3, .row-colorgray h4, .row-colorgray h5, .row-colorgray h6 {
	color: #5c396f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 36px;
}

.row-colorpurple {
	background: #5c396f;
	padding: 30px 0px;
	color: #fff;
	outline-width:2px;
	outline-style:solid;
	outline-offset:2px;
	outline-color:#5c396f;
	outline-bottom:none;

}

.row-colorpurple h1, .row-colorpurple h2, .row-colorpurple h3, .row-colorpurple h4, .row-colorpurple h5, .row-colorpurple h6 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}

.row-colorpurple p {
	color: #BBBBBB;
}

blockquote:before {
	font-family: 'FontAwesome';
	font-size: 36px;
	vertical-align: middle;
	content: "\f10d";
	margin-right: 10px;
	color: #ffffff;
}

blockquote::after {
	font-family: 'FontAwesome';
	font-size: 36px;
	vertical-align: middle;
	content: "\f10d";
	margin-right: 10px;
	color: #ffffff;
	margin-left: 10px;
}

blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}

blockquote {
padding: 0 0 0 15px;
border-left: 5px solid #eeeeee;
}

blockquote {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

blockquote {
	font-size: 20px;
	font-weight: 400;
	padding-left: 0;
	color: #333333;
	line-height: 1.6em;
	border: none;
	text-align: center;
}


/*** Form ***/
.form-control:focus{
	border: none;
	background-color:#ddd;
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
}
.form-control {
	color: #444;
	background-color:#ededed;
    border:none;
}
.has-error .form-control  {color: #B94A48;
background-color: #F2DEDE;
border-color: #EED3D7;}

.has-error div {color:#fff;
background-color: #B94A48;
border:none}

#projectQuote, #projectQuote h3{background:#ddd;color:#444;}


/*** buttons ***/
.btn {
	background:#5c396f;
	color:#fff;
	border:2px solid #fff;
}
.btn:hover {
	color: #5c396f;
	border-color: #5c396f;
	text-shadow: none;
	background: #fff
}
.btn-primary {
	background: #006dcc;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: #555;
}
.btn-info {
	background: #49AFCD;
}
.btn-success {
	background: #5BB75B;
}
.btn-warning {
	background: #FAA732;
}
.btn-danger {
	background: #DA4F49;
}
.btn-link, .btn-link:active, .btn-link[disabled], .btn-link:hover {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #5c396f;
}
.btnWrapper {
	border:1px solid #ccc;
}
/*** buttons ***/
.btn {
	text-transform:uppercase;
	padding:15px 20px;
	font-size:18px;
	 -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	}
.btn-lg {
	padding:18px 23px;
	font-size:22px;
}
.btn-sm {
	padding:10px 13px;
	font-size:12px;
	border-radius:4px;
}
.btn-xs {
	padding:4px 7px;
	font-size:10px;
	border-radius:4px;
}
.btn-link {
	text-transform:none;
	text-shadow:none;
	padding:0;
}
.btn i {
	margin-right:0.5em;
}



/*DESCRIPCIONES
------------------------------------*/
.service {
	overflow: hidden; 
	margin-bottom: 10px;
	padding: 15px 15px 10px;
}

.service:hover {
	box-shadow: 0 0 5px #ddd;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
	background-color: #e9e9e9;
}

.service:hover i {
	color: #FFCC00;
}

.service .desc {
	padding: 0 15px; 
	overflow: hidden;
}
.service .desc h4 {
	font-size: 22px;
	line-height: 25px;
}

.service .service-icon {
	float: left;
	padding: 10px;
	color: #4F3F00;
	font-size: 45px;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.service .service-icon.icon-cogs {
	font-size: 37px;
}

.service .service-icon.icon-plane {
	font-size: 43px;
}

/*COPYRIGHT
------------------------------------*/
.copyright {
	color:#8e8e8e;
}

.copyright a {
	color: #ac529c;
	text-decoration: underline;
}

.copyright a:hover {
	text-decoration:none;
}

/*FOOTER
------------------------------------*/
.footer_bottom {
	background:#000;
	margin-top:-5px;
	padding:20px 0;
}




@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .navbar-collapse {
    clear: both;
  }
  .navbar-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .navbar-collapse .nav > li {
    float: none;
  }
  .navbar-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .navbar-collapse .nav > .divider-vertical {
    display: none;
  }
  .navbar-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .navnavbar-collapse .nav > li > a,
  .navnavbar-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .navnavbar-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .navnavbar-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .navbar-collapse .nav > li > a:hover,
  .navbar-collapse .nav > li > a:focus,
  .navbar-collapse .dropdown-menu a:hover,
  .navbar-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .navbar-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .navbar-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse .open > .dropdown-menu {
    display: block;
  }
  .navbar-collapse .dropdown-menu:before,
  .navbar-collapse .dropdown-menu:after {
    display: none;
  }
  .navbar-collapse .dropdown-menu .divider {
    display: none;
  }
  .navbar-collapse .nav > li > .dropdown-menu:before,
  .navbar-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .navbar-collapse .navbar-form,
  .navbar-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .navbar-collapse,
  .navbar-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 980px) {
  .navbar-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}


/*-----------------------------------------------------
-------------        MEDIA QUERIES         ------------
-----------------------------------------------------*/



/* Large */
@media (min-width: 1200px) {

	article.portfolio:hover .type {
		top:35%;
	}

}

/* iPad */
@media (min-width: 768px) and (max-width: 979px) {

	#home-slider h1 {
		font-size:30px;
	}

	footer.main img.logo {
		margin:0 10px 85px 0;
	}

	header.main nav {
		float:none;
		margin-top:40px;
	}

	header.main nav ul li {
		display:block;
		float:none;
	}

	header.main nav ul li a {
		padding:7px;
	}

	header.main nav ul li:hover ul.dropdown-menu,
	header.main nav ul li:hover ul.third-level{
		position:static;
		left:auto;
		top:auto;
	}

	header.main nav ul.dropdown-menu li a,
	header.main nav ul.dropdown-menu li:hover a,
	header.main nav ul.third-level li a {
		background:#FFF;
		text-indent:10px;
		color:#777;
		font-weight:normal;
	}

	header.main nav ul.third-level li a {
		text-indent:30px;
	}

}

/* Phone */
@media (max-width: 767px) {

	header.main nav {
		float:none;
		margin-top:40px;
	}

	header.main nav ul li {
		/* display:block; */
		float:none;
	}

	header.main nav ul li a {
		padding:7px;
	}

	header.main nav ul li:hover ul.dropdown-menu,
	header.main nav ul li:hover ul.third-level{
		position:static;
		left:auto;
		top:auto;
	}

	header.main nav ul.dropdown-menu li a,
	header.main nav ul.dropdown-menu li:hover a,
	header.main nav ul.third-level li a {
		background:#FFF;
		text-indent:10px;
		color:#777;
		font-weight:normal;
	}

	header.main nav ul.third-level li a {
		text-indent:30px;
	}

	div[id*='-slider'] .flex-caption {
		bottom:0 !important;
		left:0 !important;
	}

	div[id*='-slider'] .flex-caption p {
		display:block;
		width:100% !important;
	}

	div[id*='-slider'] .flex-caption h2 {
		font-size:18px !important;
	}

	div[id*='-slider'] .flex-caption h2,
	div[id*='-slider'] .flex-caption p {
		margin:0 !important;
		padding:5px !important;
		box-sizing:border-box !important;
		-moz-box-sizing:border-box !important;
		-webkit-box-sizing:border-box !important;
	}

	.blurb {
		padding:10px 0;
	}

	.blurb h1 {
		font-size:20px;
	}

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

	article.portfolio:hover .type {
		top:43%;
	}

	footer.main .widget {
		padding-left:15px;
		padding-right:15px;
		margin-bottom:30px;
	}

	footer.main .copyright {
		padding-left:15px;
		padding-right:15px;
	}

}

/*----------0;- End Media Queries ------------*/

.margin_left15{
	margin-left:15px;
}

.margin_left-15{
	margin-left:-15px;
}

.margin_right15{
	margin-right:15px;
}

/*SPACES
------------------------------------*/
.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-20, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-30, 
.margin-bottom-35, 
.margin-bottom-40, 
.margin-bottom-50, 
.margin-bottom-60 { 
   clear:both;
}   
.margin-bottom-5 {
   margin-bottom:5px;
}
.margin-bottom-10 {
   margin-bottom:10px;
}
.margin-bottom-20 {
   margin-bottom:20px;
}
.margin-bottom-25 {
   margin-bottom:25px;
}
.margin-bottom-30 {
   margin-bottom:30px;
}
.margin-bottom-35 {
   margin-bottom:35px;
}
.margin-bottom-40 {
   margin-bottom:40px;
}
.margin-bottom-50 {
   margin-bottom:50px;
}
.margin-bottom-60 {
   margin-bottom:60px;
}

.margin-top-5 {
   margin-top:5px;
}
.margin-top-10 {
   margin-top:10px;
}
.margin-top-20 {
   margin-top:20px;
}
.margin-top-25 {
   margin-top:25px;
}
.margin-top-30 {
   margin-top:30px;
}
.margin-top-35 {
   margin-top:35px;
}
.margin-top-40 {
   margin-top:40px;
}
.margin-top-50 {
   margin-top:50px;
}
.margin-top-60 {
   margin-top:60px;
}

.margin-top-70 {
   margin-top:70px;
}

.margin-top-80 {
   margin-top:80px;
}

.margin-top-90 {
   margin-top:90px;
}

.margin-top-100 {
   margin-top:100px;
}


.line{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #5c396f;
	margin-top: 20px;
	margin-bottom: 20px;
}


.franja{
	background-color: #ac529c;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 18px;
}

.submenu{
	font-size: 14px;
	text-transform: uppercase;
	color: #8e8e8e;
	text-align: right;
	vertical-align: middle;
}

.barra{
	font-weight: bold;
	color: #8e8e8e;
	word-spacing: 15px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding-right: 15px;
}

.center{
	text-align: center;
}

.marco{
	background: #5c396f;
	font-weight: bold;
	color: #FFF;
	margin-right: 150px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 18px;
}

h1.header,
h2.header,
h3.header {
	border-bottom:1px solid #5c396f;
	margin-bottom:25px;
}

h1.header span,
h2.header span,
h3.header span {
	background:#5c396f;
	padding:2px 9px;
	color:#FFF;
	text-transform:uppercase;
}

h2.header span {
	font-size:18px;
	line-height:22px;
}

.marketing h2
{
	font-weight: 200;
	margin-bottom: 20px;
}

.folio-title
{
	background: #fafafa;
	border-bottom: 1px solid #5c396f;
	display: block;
	font-size: 180%;
	line-height: 34px;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-transform: uppercase;
}

.main-color, .firstword
{
	color: #5c396f;
}

.folio-title2
{
	background: #5c396f;
	border-bottom: 1px solid #5c396f;
	display: block;
	font-size: 140%;
	line-height: 34px;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-transform: uppercase;
}

.folio-title3
{
	background: #5c396f;
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 10px;
}

.folio-title4
{
	background: #ac529c;
	display: block;
	line-height: 34px;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-transform: uppercase;
}

.folio-title5
{
	line-height: 34px;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-transform: uppercase;
}

.main-color2, .firstword
{
	color: #FFF;
}

.carousel-arrow a.carousel-control {
   opacity: 0.6;
   font-size:30px;
   height:inherit;
   width: inherit;
   background: none;
   text-shadow: none;
   position: inherit;
}

.carousel-arrow a i {
   top: 50%;
   opacity: 0.3;
   background: #000;
   margin-top: -18px;
   padding: 2px 12px; 
   position: absolute;
}
.carousel-arrow a i:hover {
   opacity: 0.8;
}

.carousel-arrow a.left i {
   left: 0;
}
.carousel-arrow a.right i {
   right: 0;
}

.page-title {
	background:#5c396f;
	padding:10px 0;
}

.page-title h1 {
	margin:0 28px 0 0;
	display:inline-block;
	color:#FFF;
	position:relative;
}

.page-title h1.with-subtitle:after {
	content:"//";
	color:#FFF;
	position:absolute;
	right:-20px;
	bottom:4px;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
}

.page-title span {
	color:#FFF;
}

.page-title2 {
	background:#ac529c;
	padding:10px 0;
}

.page-title2 h1 {
	margin:0 28px 0 0;
	display:inline-block;
	color:#FFF;
	position:relative;
}

.page-title2 h1.with-subtitle:after {
	content:"//";
	color:#FFF;
	position:absolute;
	right:-20px;
	bottom:4px;
	font-size:13px;
	font-style:italic;
	font-weight:normal;
}

.page-title2 span {
	color:#FFF;
}

/*-----------------------------------------------------
--------------        SLIDERS         -----------------
-----------------------------------------------------*/

div[id*='-slider'] .flex-caption {
	position:absolute;
	bottom:20px;
	left:20px;
}

div[id*='-slider'] .flex-caption h2 {
	font-size:30px;
	text-transform:uppercase;
	color:#FFF;
	margin:0;
	padding:10px;
	background:rgba(241,139,139, 1);
	margin-bottom:7px;
	display:inline-block;
}

#home-slider .flex-caption h2,
#portfolio-slider .flex-caption h2 {
	font-size:30px;
	padding:10px;
}

#work-slider .flex-caption h2 {
	font-size:20px;
	padding:6px;
}

div[id*='-slider'] .flex-caption p {
	background:rgba(0,0,0,0.75);
	margin:0;
	color:#FFF;
}

#home-slider .flex-caption p {
	padding:10px;
	width:50%;
}

#work-slider .flex-caption p,
#portfolio-slider .flex-caption p {
	padding:6px;
	width:60%;
}

#client-slider,
#work-slider {
	margin-bottom:0;
}

div[id*='-slider'] .flex-direction-nav a {
	opacity:1;
	background-image: url('../img/arrows.png');
	background-repeat:no-repeat;
	height:21px;
	width:22px;
}

#client-slider .flex-direction-nav a.flex-prev,
#work-slider .flex-direction-nav a.flex-prev {
	background-position:left bottom;
	right:25px;
	left:auto;
	top:-27px;
}

#client-slider .flex-direction-nav a.flex-next,
#work-slider .flex-direction-nav a.flex-next {
	background-position:-24px -58px;
	right:0;
	top:-27px;
}

#portfolio-slider .flex-direction-nav a.flex-prev {
	background-position:left -36px;
	right:30px;
	left:auto;
	top:25px;
}

#portfolio-slider .flex-direction-nav a.flex-next {
	background-position:-24px -36px;
	right:5px;
	top:25px;
}

#portfolio-slider .flex-direction-nav a.flex-prev,
#portfolio-slider .flex-direction-nav a.flex-next {
	opacity:0.7;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; zoom: 1; position:relative;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Images */

img.rounded {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}

img.bordered {
	border:8px solid #F9F9F9;
	box-shadow:1px 1px 3px rgba(0,0,0,0.35);
}

.list-unstyled {
	padding-left:0;
	list-style:none;
}

/*Others (Global classes)
------------------------------------*/
.color-sea { color:#1abc9c;}
.color-red { color:#e74c3c;}
.color-blue { color:#3498db;}
.color-green { color:#72c02c;}
.color-orange { color:#e67e22;}
.color-green1 { color:#2ecc71;}
.color-purple {	color: #5C396F;}

.testimonials .carousel-arrow i:hover {
	background: #72c02c;
}

.testimonials .carousel-arrow {
	top: -65px;
	position: relative;
}

.testimonials .carousel-arrow i {
	color: #777;
	font-size: 20px;
	padding: 2px 8px; 
	background: #fafafa;
}

.testimonials .carousel-arrow i:hover {
	color: #fff;
	background: #72c02c;
}

.testimonials .carousel-control {
	opacity: 1;
	width: 100%;
	text-align: right;
	text-shadow: none;
	position: absolute;
}

.testimonials .carousel-control.left {
	right: 27px;
	left: auto;
}
.testimonials .carousel-control.right {
	right: 0px;
}

.testimonials {
	margin-bottom: 10px;
}

.testimonials .testimonial-info {
	color: #72c02c;
	font-size: 16px;
	padding: 0 15px;
	margin-top: 18px;
}

.testimonials .testimonial-info span {
	top: 3px;
	position: relative;
}

.testimonials .testimonial-info em {
	color: #777;
	display: block;
	font-size: 13px;
}

.testimonials .testimonial-info img {
	width: 60px;
	float: left;
	height: 60px;
	padding: 2px;
	margin-right: 15px;
	border: solid 1px #ccc;
	border-radius: 50% !important;	
}

.testimonials .testimonial-author {
	overflow: hidden;
}

.testimonials .carousel-arrow {
	top: -65px;
	position: relative;
}

.testimonials .carousel-arrow i {
	color: #777;
	font-size: 20px;
	padding: 2px 8px; 
	background: #fafafa;
}

.testimonials .carousel-arrow i:hover {
	color: #fff;
	background: #72c02c;
}

.testimonials .carousel-control {
	opacity: 1;
	width: 100%;
	text-align: right;
	text-shadow: none;
	position: absolute;
}

.testimonials .carousel-control .left {
	right: 27px;
	left: auto;
}
.testimonials .carousel-control .right {
	right: 0px;
}

.testimonials.testimonials-v1 .item p {
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	position: relative;
	background: #fafafa;
}

.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v1 .item p:before {
	width: 0; 
	height: 0;
	left: 80px;
	content: " "; 
	bottom: -20px;
	display: block; 
	position: absolute;
}

.testimonials.testimonials-v1 .item p:after {
	border-top: 22px solid #fafafa;	
	border-left: 0 solid transparent;
	border-right: 22px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

.testimonials.testimonials-v2 .testimonial-info {
	padding: 0 20px;
}

.testimonials.testimonials-v2 p {
	padding: 15px;
	font-size: 14px;
	font-style: italic;
	background: #fafafa;
	padding-bottom: 15px;
}

.testimonials.testimonials-v2 .carousel-arrow {
	top: -55px;	
}

.testimonials.testimonials-v2 .item p:after,
.testimonials.testimonials-v2 .item p:before {
	width: 0; 
	height: 0;
	left: 8%;
	content: " "; 
	bottom: 45px;
	display: block; 
	position: absolute;
}

.testimonials.testimonials-v2 .item p:after {
	border-top: 20px solid #fafafa;	
	border-left: 25px solid transparent;
	border-right: 0px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-right-style: inset; /*FF fixes*/
}

/*Tag Boxes v2*/
.tag-box-v2 {
	background: #fafafa;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eee;
	border-right-color: #EEEEEE;
	border-bottom-color: #eee;
	border-left-color: #eee;
}

.tag-box  {
	margin-bottom: 30px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.tag-box h2 {
	font-size: 20px;
	line-height: 25px;
}

.tag-box p {
	margin-bottom: 0;
}
	
.link_soft {
	color:#ac529c;
}

.submenu2 ul li a {
	color:#fff;
	font-size:15px;
	padding:1px 5px;
	transition:all 0.15s linear;
}
.submenu2 ul li.active a,
.submenu2 ul li:hover a {
	background: #ac529c;
	color: #FFF;
}

.space2 {
	padding:1px 10px;
	color:#ac529c;
}

.submenu3 ul li a {
	color: #fff;
	font-size: 15px;
	padding: 1px 5px;
	transition: all 0.15s linear;
	margin-left:-5px;
}
.submenu3 ul li.active a,
.submenu3 ul li:hover a {
	background: #5c396f;
	color: #FFF;
}

.space3 {
	padding:1px 10px;
	color:#5c396f;
}

.subir a {
	color: #CCCCCC;
	font-size: 14px;
	display: block;
	transition: all 0.15s linear;
	text-align: right;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
.subir.active a,
.subir:hover a {
	color: #5c396f;
}

.menu ul li a {
	text-transform:uppercase;
	color:#414141;
	font-size:15px;
	display:block;
	padding:1px 3px;
	transition:all 0.15s linear;
	margin: 5px;
}

.menu ul li.active a,
.menu ul li:hover a {
	background:#5c396f;
	color:#FFF;
}

@media (max-width:991px){
header.main .contact {
	float:left;
	margin-top:15px;
}

header.main .contact li {
	text-align:left;
}
}
.botoncito {
	text-transform:uppercase;
	color:#ff0000;
	font-size:15px;
	padding:5px 5px;
	transition:all 0.15s linear;
	margin: 5px;
	background:#5c396f;
	color:#FFF;
}

.botoncito span {
	color:#FFF;
}





.thanks-title{

	font-size: 50px;
	color:#000000;

}
.thanks-title2{

	font-size: 20px;
	color:#000000;

}
.thanks-title3{

	font-size: 20px;
	color:#000000;

}
.mi-clase-personalizada {
  background-color: #7c5492; /* Cambia el color de fondo a tu preferencia */
  color:#ffffff!important; /* Cambia el color del texto a tu preferencia */
  padding: 10px 20px; /* Ajusta el relleno según tus necesidades */
  border-radius: 5px; /* Puedes personalizar la forma del botón */
  text-decoration: none; /* Elimina el subrayado del enlace */
}