@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap');

/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
    1 BASE CSS
    2. TOP AREA
        2.1 SLIDER AREA
        2.2 MAINMENU AREA
    3. SERVICE AREA
    4. FUN FACTS AREA
    5. FAQS AREA
    6. TESTMONIAL AREA
    7. BLOG AREA
    8. CLIENT AREA
    9. FOOTER AREA
        9.1 TWITTER FEED AREA
        9.2 FOOTRE BUTTON AREA
    10. SCROLL TO TOP
    11. ABOUT US PAGE
        11.1 GET IN TOUCH AREA
        11.2 ABOUT DETAILS
        11.3 VIDEO AREA
        11.4 SKILL AREA
        11.5 TEAM AREA
    12.SERVICE PAGE
    13.BLGO PAGE GRID
    14.BLOG PAGE LIST
        14.1 SIDEBAR
    15. SINGLE BLOG
    16. TEAM PAGE
    17. PORTFOLIO PAGE
    18. CONTACT US PAGE
----------------------------------------------------------------------------------------*/

/*Features table------------------------------------------------------------*/
.features-table
{
  width: 100%;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 0;
  text-shadow: 0 1px 0 #fff;
  color: #2a2a2a;
  /* background: #fafafa;  */
  background-image: -moz-linear-gradient(top, #fff, #eaeaea, #fff); /* Firefox 3.6 */
  /* background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #eaeaea),to(#fff)); */
}

.features-table td
{
  height: 50px;
  line-height: 20px;
  padding: 0 20px;
  border-bottom: 1px solid #cdcdcd;
  box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
  -webkit-box-shadow: 0 1px 0 white;
  width:50%;
}

.no-border td
{
  border-bottom: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;     
}

.col-cell
{
  text-align: center;
  width: 150px;
  font: normal 1em;  
}

.col-cell1, .col-cell2
{
    background: #f7f7f7;
    background: rgba(241, 241, 241, 0.3);
  border-right: 1px solid white;
}

.col-cell3
{
    background: #f7f7f7;
    background: rgba(241, 241, 241, 0.3);
}

.col-cellh
{
  font: bold 1.3em;  
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px; 
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top: 1px solid #eaeaea !important; 
}

.col-cellf
{
  font: bold 1.4em;   
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px; 
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #dadada !important;
}
/**/


/*-------------------------
    1 BASE CSS
--------------------------*/
.picture .category-image {
	position: relative;
	background-color: #fff;
}
.picture .category-image:hover img {
	opacity: 0.8;
}
.caption {
	font-size: 14px;
	font-weight: 400;
	padding: 5px;
	line-height: 1.2;
	color: #323B40;
}
.caption a{color: #323B40; outline: none;}

.caption a:hover{color: #dedede;}

.caption-h1{font-size:30px;}

.detail {
	padding: 3px 5px ;
	margin-bottom:15px;
	color: #000;
}

.detail h4 {
	color:#000;
}

.detail a{outline: none;}
	
.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto 15px;
}

a,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
	color:#3490b5;
	text-decoration:underline;
}

img {
    max-width: 100%;
    height: auto;
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 15px 0 15px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

h1 {position:relative; font-weight: 400; line-height:30px; margin-bottom: 30px; font-family: 'Montserrat', sans-serif;}

html,
body {
    height: 100%
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 18px;
}

a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #0099ff;
	border:0;
}

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


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.section-padding {
    padding: 10px 0;
}

.padding-top {
    padding-top: 40px;
}

.padding-bottom {
    padding-bottom: 40px;
}

.image-bg {
    color: #000;
    position: relative;
}

.image-bg .area-title h2 {
    color: #fff;
}

.gray-bg {
    background: #fff;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}


/*---------------------------
    2. TOP AREA
-----------------------------*/

header.top-area {
    height: 340px;
    position: relative;
}

.top-area-bg {
    background: rgba(0, 0, 0, 0) url("img/slider/slide-1.jpg") no-repeat scroll center center / cover;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.top-area-bg::before,
.fact-area-bg::before,
.testmonial-area-bg::before,
.footer-bottom-area-bg::before,
.video-area-bg:before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}

.area-title {
    margin-top: 30px;
}

.area-title h2 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0;
}


/*---------------------------
    2.1 SLIDER AREA
----------------------------*/

.slider-area {
    height: 350px;
}

.home-slider {
    height: 100%;
    width: 100%;
}

.carousel-inner {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slider-bg-one {
    background: url(img/bg-home-1.jpg) no-repeat scroll center center;
    background-size: cover;
}

.slider-bg-two {
    background: url(img/slider/slide-2.jpg) no-repeat scroll center center;
    background-size: cover;
}

.slider-bg-three {
    background: url(img/slider/slide-3.jpg) no-repeat scroll center center;
    background-size: cover;
}

.slider-bg-four {
    background: url(img/slider/slide-4.jpg) no-repeat scroll center center;
    background-size: cover;
}

.slider-bg-five {
    background: url(img/slider/slide-5.jpg) no-repeat scroll center center;
    background-size: cover;
}

.carousel-inner > .item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s;
    transition: transform 0.6s ease-in-out 0s, -webkit-transform 0.6s ease-in-out 0s;
}

.home-slider.carousel .item .slider-item-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home-slider.carousel .item .slider-item-bg::before {
    background: rgba(0, 0, 0, 0) url("img/pattarn.png") repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home-slider.carousel .item .slider-item-bg::after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%;
}

.slider-text {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.carousel-indicators li {
    background: #3490b5 none repeat scroll 0 0;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    border: 0;
    margin: 0 5px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: center;
}

.carousel-indicators .active {
    background-color: #3490b5;
    box-shadow: 0 0 0 3px #000, 0 0 0 6px #3490b5;
    height: 15px;
    margin: 0;
    width: 15px;
}

.slider-text {
    color: #fff;
    font-size: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 9;
}

.slider-text .animation-one {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.slider-text .animation-two {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.slider-text .animation-three {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slider-text h1 {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 40px;
    margin-top: 120px;
}

.slider-text h4 {
    font-size: 24px;
    font-weight: 400;
}

.slider-text ul {
    list-style: outside none none;
    margin: 0;
    margin-top: 40px;
    padding: 0;
    text-align: center;
}

.slider-text ul li {
    display: inline;
}

.slider-text ul li a {
    border: 1px solid;
    color: #3490b5;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 0 10px;
    padding: 15px 25px;
}

.slider-text ul li a:hover,
.slider-text ul li.active a {
    background: #3490b5 none repeat scroll 0 0;
    border: 1px solid #3490b5;
    color: #fff;
}

.slider-text ul li.active a:hover {
    background: transparent;
    color: #3490b5;
}


/*---------------------------
    2.2 MAINMENU AREA
----------------------------*/

.mainmenu-area {
    position: fixed;
    width: 100%;
    z-index: 999;
	background: #fff;
}

.mainmenu-area.fixed .mainmenu-area-bg {
    opacity: 1;
}

.mainmenu-area-bg {
    background: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.mainmenu-area:hover {
    overflow: inherit;
}

.navbar-header {
    margin-top: 10px;
    position: relative;
    z-index: 999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.mainmenu ul#nav {
    float:none;
/*	margin-left: 260px; */
    text-align: right;
	height: 70px;
}

.mainmenu ul#nav li {
    display: inline;
    float: none;
}

.mainmenu ul#nav li > a {
    background: #fff;
    color: #000;
    display: inline-block;
    font-weight: 400;
	text-transform:uppercase;
    letter-spacing: 1px;
    padding: 40px 15px 5px 15px;
    position: relative;
	outline: none;
}

.mainmenu ul#nav li:active {color:red;}

.mainmenu ul#nav li > a:hover,
.mainmenu ul#nav li.active > a,
.mainmenu ul#nav li:hover > a {
    color: #000;
}



.mainmenu ul#nav li.active a::after {
    /* arturo  background: #3490b5 none repeat scroll 0 0;*/
    /* arturo  bottom: -3px; */
    content: "";
    /* arturo  height: 3px; */
    left: 0;
    position: absolute;
    width: 60%;
}

.mainmenu ul#nav li ul {
    background: #222222 none repeat scroll 0 0;
    border-top: 3px solid #3490b5;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100px;
    -webkit-transform: scaleZ(0);
    transform: scaleZ(0);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 200px;
    z-index: -1;
}

.mainmenu ul#nav li:hover ul {
    opacity: 1;
    top: 60px;
    -webkit-transform: scaleZ(1);
    transform: scaleZ(1);
    z-index: 99;
}

.mainmenu ul#nav li ul li {
    border-bottom: 1px solid #363636;
    display: block;
}

.mainmenu ul#nav li ul li a {
    display: block;
    padding: 10px 15px !important;
}

.mainmenu ul#nav li ul li:last-child {
    border-bottom: 0 none;
}

.mainmenu ul#nav li ul li a:hover {
    background: #3490b5 none repeat scroll 0 0;
    color: #fff;
    display: block;
}

.navbar-toggle {
    border: 1px solid #000;
}

.navbar-toggle span {
    background: #000 none repeat scroll 0 0;
}

.mainmenu-area.fixed .navbar-header {
    margin-top: 10px;
}

.mainmenu-area.fixed .mainmenu ul#nav li > a {
    padding: 30px 15px 5px 15px;
}

.mainmenu-area.fixed .mainmenu ul#nav li ul {
    top: 70px;
}

.mainmenu-area.fixed .mainmenu ul#nav li:hover ul {
    top: 49px;
}


/*---------------------------
    3. SERVICE AREA
-----------------------------*/

.row.service-slider .col-lg-4 {
    width: 100%;
}

.blog-slider {
    margin: 0 auto -15px;
}

.service-slider .owl-nav > div,
.blog-slider .owl-nav > div,
.team-slider .owl-nav > div {
    display: inline-block;
    font-size: 60px;
    height: 60px;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 60px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.service-slider .owl-nav > div:hover,
.blog-slider .owl-nav > div:hover,
.team-slider .owl-nav > div:hover {
    color: #3490b5;
}

.service-slider .owl-nav .owl-next,
.blog-slider .owl-nav .owl-next,
.team-slider .owl-nav .owl-next {
    right: -35px;
}

.service-slider .owl-nav .owl-prev,
.blog-slider .owl-nav .owl-prev,
.team-slider .owl-nav .owl-prev {
    left: -35px;
}

.single-service {
    position: relative;
	text-align:center
}

.single-service > a {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 26px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.single-service > a:hover {
    color: #3490b5;
    background: rgba(0, 0, 0, .01);
}

.single-service > p {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999999; 
}

/*-------------------------------
    4. FUN FACTS AREA
---------------------------------*/

.fun-facts-area {
    color: #fff;
    font-size: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.fact-area-bg {
    background: rgba(0, 0, 0, 0) url("img/fact_area_bg.jpg") no-repeat fixed center center / cover;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.facts-icon {
    color: #3490b5;
    font-size: 80px;
    margin-bottom: 30px;
}

.single-facts h3 {
    font-size: 50px;
    line-height: 1;
    margin-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
}


/*-------------------------------
    5. FAQS AREA
---------------------------------*/

.single-faqs {
    box-shadow: 0 0 8px #ececec;
    margin: 15px 0;
    padding: 20px;
    text-align: justify;
	height: 275px;
}

.ventajas {
    margin: 15px 0;
    padding: 20px;
    text-align: justify;
	min-height: 150px;
	display: table-cell;
	vertical-align: middle;
}

.ventajas p{
	display: table-cell;
	vertical-align: middle;
}

.faq p{
	width:100%;
}

.faq strong{
	font-weight: 500;;
	font-size: 18px;
	color:#1f9321;
}

.single-faqs h3 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 5px;
    text-transform: uppercase;
}


/*---------------------------------
    6. TESTMONIAL AREA
----------------------------------*/

.testmonial-area {
    position: relative;
}

.testmonial-area-bg,
.video-area-bg {
    background: rgba(0, 0, 0, 0) url("img/bg-agencia.jpg") no-repeat fixed center center / cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.testmonail-author-image {
    margin-bottom: 30px;
}

.author-name-and-designation {
    margin-bottom: 25px;
}

.author-name-and-designation h5 {
    color: #3490b5;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.author-name-and-designation a {
    color: #3490b5;
    margin-left: 5px;
    text-transform: uppercase;
}

.testmonial-slider .carousel-indicators {
    bottom: -20px;
}

.testmonial-area .author-details {
    margin-bottom: 50px;
}


/*----------------------------
    7. BLOG AREA
------------------------------*/

.blog-slider .col-lg-4 {
    width: 100%;
}

.single-blog {
    margin-bottom: 15px;
}

.post-details h3 {
    font-size: 18px;
    font-weight: 500;;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.post-details {
    box-shadow: 0 6px 6px #f4f4f4;
    padding: 20px;
}

p.postmeta,
p.postmeta a {
    color: #898989;
    font-family: open sans;
    margin-bottom: 10px;
}

p.postmeta > a:hover {
    color: #3490b5;
}

a.read-more {
    color: #3490b5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a.read-more i {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a.read-more:hover i {
    padding-left: 15px;
}


/*---------------------------
    8. CLIENT AREA
-----------------------------*/

.client-area .owl-carousel .owl-item img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto;
}


/*----------------------------
    9. FOOTER AREA
-----------------------------*/


/*----------------------------
    9.1 TWITTER FEED AREA
-----------------------------*/

.footer-top-area.twitter-feed {
    background: #008fd5 none repeat scroll 0 0;
    color: #fff;
    padding: 30px 0;
    font-style: italic;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.twitter-icon {
    font-size: 60px;
}

.single-twitter-slide a {
    color: #ebebeb;
    font-style: italic;
}

.twitter-feed .owl-nav > div {
    display: inline-block;
    font-size: 40px;
    height: 40px;
    text-align: center;
    width: 40px;
}

.twitter-feed .owl-nav {
    bottom: -15px;
    position: absolute;
    right: 0;
}


/*-------------------------------
    9.2 FOOTER AREA
--------------------------------*/

.footer-bottom-area {
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px;
}

.footer-bottom-area-bg {
    background: rgba(0, 0, 0, 0.0);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.s_footer h3 {
    font-size: 18px;
    margin-bottom: -10px;
    text-transform: uppercase;
    letter-spacing: 2px;
	padding-bottom: 20px;
}

ul.quick-links,
ul.footer-blog-post,
ul.footer-social-bookmark {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

ul.quick-links li,
ul.footer-blog-post li {
	line-height: 30px;
    display: block;
}

ul.quick-links li:last-child,
ul.footer-blog-post li:last-child {
    border-bottom: 0 none;
}

ul.quick-links li a {
    color: #fff;
    display: block;
    letter-spacing: 1px;
    padding: 8px 0;
    text-transform: uppercase;
}

ul.quick-links li a:hover {
    color: #3490b5;
    padding-left: 14px;
}

.footer-blog-post a {
    color: #000;
}


.footer-post-tilte a,
.footer-blog-post a:hover {
    color: #0099ff;
}

.footer-post-tilte a:hover {
    color: #fff;
}

.footer-subscriber p {
    margin-bottom: 25px;
}

.subscriber-form {
    background: rgba(52, 52, 52, 0.7) none repeat scroll 0 0;
    border: 1px solid #4a4a4a;
    height: 35px;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}

.subscriber-form input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 35px;
    padding-left: 10px;
}

.subscriber-form > button {
    background: #3490b5 none repeat scroll 0 0;
    border: medium none;
    height: 33px;
    letter-spacing: 1px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.subscriber-form > button:hover {
    background: #fff none repeat scroll 0 0;
    color: #3490b5;
}

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

ul.footer-social-bookmark li a {
    background: #1769ff none repeat scroll 0 0;
    border-radius: 50%;
    color: #000000;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    margin: 0 2px;
    padding-top: 4px;
    text-align: center;
    width: 30px;
}

ul.footer-social-bookmark li a:hover {
    color: #fff;
}

ul.footer-social-bookmark li.behance a {
    background: #fb3958;
}

ul.footer-social-bookmark li.instagram a {
    background: #fb3958;
}

ul.footer-social-bookmark li.linkedin a {
    background: #0077b5;
}

ul.footer-social-bookmark li.google-plus a {
    background: #f44336;
}

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

ul.footer-social-bookmark li.twitter a {
    background: #4099ff;
}

ul.footer-social-bookmark li.youtube a {
    background: #e52d27;
}

.footer-copyright {
    background: #222222 none repeat scroll 0 0;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    letter-spacing: 2px;
}

.footer-copyright p {
    margin-bottom: 0;
}

.footer-copyright a {
    color: #3490b5;
}


/*----------------------------------
    10. SCROLL TO TOP
-----------------------------------*/

a.scrolltotop {
    background: #3490b5 none repeat scroll 0 0;
    bottom: 20px;
    color: #fff;
    font-size: 30px;
    height: 50px;
    padding-top: 7px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 50px;
    z-index: 999999;
    display: none;
    z-index: 999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

a.scrolltotop:hover {
    background: #000;
}


/*---------------------------------
    11. ABOUT US PAGE
-----------------------------------*/




.top-area.single-page {
    max-height: 500px;
    position: relative;
}

.picture .category-image-news {
	position: relative;
	background-color: #fff;
	width: 100%;
    float: left;
    padding: 10px 0;
}

.top-area.legal-page {
    max-height: 100px;
    position: relative;
}

.top-area.index-page {
    max-height: 80px;
    position: relative;
}

.top-area.consultoria-page {
    min-height: 430px;
    max-height: 500px;
    position: relative;
}

.top-area.libros-page {
    min-height: 490px;
    max-height: 500px;
    position: relative;
}

.top-area.conferencias-page {
    min-height: 460px;
    max-height: 460px;
    position: relative;
}

.top-area.conferencias-experiencia-cliente-page {
    min-height: 480px;
    max-height: 480px;
    position: relative;
}

.top-area.conferencias-tendencias-consumidor-page {
    min-height: 480px;
    max-height: 500px;
    position: relative;
}



.top-area.formacion-page {
    min-height: 500px;
    max-height: 500px;
    position: relative;
}

.top-area.watson-page {
    min-height: 430px;
    max-height: 430px;
    position: relative;
}

.top-area.about-page {
    min-height: 580px;
    max-height: 580px;
    position: relative;
}

.top-area.contactar-page {
    min-height: 430px;
    max-height: 430px;
    position: relative;
}

.top-area.blog-page {
    max-height: 100px;
    position: relative;
}

.page-barner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.blog-page .page-barner {
    background-color: rgba(255, 255, 255, 0.8);
}

.index-page .page-barner {
    background-color:#fff;
}

.page-barner::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-barner::after {
  /*  background: rgba(255, 255, 255, 0) url("img/pattarn.png") repeat scroll 0 0;*/
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-barner-area {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-weight: 400 !important;
}

.barner-text h1 {
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 50px;
    position: relative;
}

.barner-text h1::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 5px;
    left: -120px;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    width: 100px;
}

.barner-text h1::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 5px;
    margin-top: -2.5px;
    position: absolute;
    right: -120px;
    top: 50%;
    width: 100px;
}

.barner-text > h3 {
    font-weight: 400;
}


/*----------------------------------
    11.1 GET IN TOUCH AREA
----------------------------------*/

.get-in-touch-area {
    background: #ebebeb none repeat scroll 0 0;
    padding: 50px 0;
    text-transform: uppercase;
}

.get-in-touch-hidding > h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}

.get-in-touch {
    text-align: right;
}

a.get-in-touch-button {
    background:#1f9321 none repeat;
    color: #fff;
    font-size: 18px;
	text-transform:uppercase;
    padding: 10px 16px;
}

a.get-in-touch-button:hover {
    background: #21bc24;
    color: #fff;
}


/*----------------------------------
    11.2 ABOUT DETAILS
------------------------------------*/

.single-about-img {
    margin-bottom: 30px;
}

.about-details-text {
    line-height: 24px;
}

.first-letter {
    font-size: 30px;
    float: left;
    margin-right: 10px;
    background: #323232;
    color: #fff;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    text-align: center;
}

.about-details-text blockquote {
    border-left: inherit;
    color: #b7b7b7;
    font-size: 18px;
    margin-top: 50px;
    padding-left: 70px;
    padding-top: 20px;
    position: relative;
}

.about-details-text blockquote::after {
    content: "\f0b1";
    font-family: icofont;
    font-size: 40px;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}


/*---------------------------------
    11.3 VIDEO AREA
----------------------------------*/

.video-area {
    position: relative;
}

.video-button-area {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 60px;
    padding: 80px 0;
    width: 100%;
}

.video-button-area h2 {
    font-size: 60px;
    font-family: "NellaSueDEMO";
    text-transform: capitalize;
}

a.video-button {
    border: 3px solid;
    border-radius: 50%;
    color: #fff;
    height: 100px;
    padding-left: 15px;
    padding-top: 20px;
    text-align: center;
    width: 100px;
}

a.video-button:hover {
    color: #3490b5;
}


/*----------------------------------
    VARIOS HOME
------------------------------------*/

.col-lg-3 {padding: 5px 5px;}

.row-blank {
	background-color:#fff;
	margin: 30px 0 30px 0;
}
.row-pie {
	background-color:rgba(255,255,255,1);
	margin: 30px 0 0 0;
	padding: 40px 210px;
	float:left;
}

.row-blog {
	background-color:rgba(255,255,255,1);
	padding: 40px 110px 40px 110px;
	margin:0 -15px 0 -15px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
}

.row-white {
	background-color:#fff;
	padding: 10px 20px 10px 210px;
	font-size:20px;
	line-height:20px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	margin-bottom:10px;
}

.row-white-about {
	background-color:#fff;
	padding: 40px 210px 10px 210px;
	font-size:16px;
	line-height:25px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	margin-bottom:10px;
}

.gallery-taller{width:33.3%; float:left; padding:0px; margin:10px 0px;}
.gallery-taller-66{width:66.6%; float:left; padding:0px; margin:0px;}
.gallery-taller-33{width:33.3%; float:left; padding:0px; margin:0px;}
.gallery-taller-50{width:50%; float:left; padding:0px; margin:0px;}
.gallery-taller-100{width:100%; float:left; padding:0px; margin:10px 0px;}

.row-white-about a{color:#14ace4}

.row-white-management {
	background-color:#fff;
	padding: 10px;
	font-size:16px;
	line-height:25px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	float: left;
	width: 100%;
}
.row-white-events {
	background-color:#fff;
	padding: 20px 210px 20px 210px;
	font-size:16px;
	line-height:25px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin-bottom:10px;
}

.boton-null {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color: #ccc; border:0px; margin-left:2px; font-size:14px; float:right; cursor:default;}

.row-white-about h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; font-weight: 400;}
.row-white-management-precio{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; margin-bottom: 20px;font-weight: 400; text-transform:uppercase;padding-top: 15px;}

.row-white-management h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; font-weight: 600; text-transform:uppercase;}



.row-white-events h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; font-weight: 400;}

.row-white-events h3{position:relative; font-family: 'Montserrat', sans-serif; line-height:10px; margin-bottom: 60px;font-weight: 400;}

.row-white p{
	font-size:16px;
	line-height:25px;
	padding-bottom:10px;
	color:#000;
	font-weight:300;
}
.row-white ul li{
	font-size:16px;
	line-height:25px;
	padding-bottom:10px;
	color:#000;
	font-weight:300;
}

.row-grey-artist {
	background-color:rgba(255,255,255,1);
	/*padding: 10px 40px 40px 40px;*/
	font-size:14px;
	line-height:25px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	float: left;
	width: 100%;
}

.row-grey {
	background-color:rgba(255,255,255,1);
	padding: 40px;
	font-size:20px;
	line-height:20px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	float: left;
	width: 100%;
}

.row-grey p{
	font-size:14px;
	line-height:20px;
	padding-bottom:15px;
	color:#000;
}

.gallery-taller{width:50%; float:left; padding:0 5px 5px 0; margin:0px;}


.pie-title-title {
    position: relative;
    text-align: center;
    margin-top: -10px;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	line-height:30px;
    color: #505050;
    height: 100%;
}

.pie-title-center {
	position: relative;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 18px;
	padding: 0 20px 0 20px;
	line-height: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.pie-title-left {
	position: relative;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 18px;
	padding: 0 20px 0 20px;
	line-height: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.pie-title-left p{
	margin-bottom:10px;
}

.pie-value {
    display: block;
    position: absolute;
    font-size: 40px;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    line-height: 40px;
}

.pie-title-center canvas {
    background: #2e2e2e none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #101010;
}

.single-skill h4 {
    font-weight: 400;
    font-size: 20px;
}





/*------------------------------
    11.5 TEAM AREA
--------------------------------*/

.team-slider .col-lg-4 {
    width: 100%;
}

.single-team {
    text-align: justify;
}

.team-thumbnail {
    overflow: hidden;
}

.team-thumbnail img {
    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.single-team:hover .team-thumbnail img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: .5;
}

.name-description {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 10px;
}

.name-description > h3 {
    color: #343434;
    font-size: 24px;
    text-transform: uppercase;
}

.name-description h5 {
    color: #008fd5;
}

.member-social-profile ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.member-social-profile ul li {
    display: inline;
}

.member-social-profile ul li a {
    background: #343434 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    padding-top: 5px;
    text-align: center;
    width: 30px;
}

.member-social-profile ul li a:hover {
    background: #3490b5;
}


/*------------------------------
    12.SERVICE PAGE
--------------------------------*/

.service-page .page-barner {
    background: rgba(0, 0, 0, 0) url("img/service/service-bg.jpg")no-repeat scroll center center / cover;
}

.convenciones-page .page-barner {
    background: rgba(0, 0, 0, 0) url("img/service/bg-convenciones.jpg")no-repeat scroll center center / cover;
}

.presentacion-productos-page .page-barner {
    background: rgba(0, 0, 0, 0) url("img/service/bg-presentacion-producto.jpg")no-repeat scroll center center / cover;
}

.fiestas-page .page-barner {
    background: rgba(0, 0, 0, 0) url("img/service/bg-fiestas.jpg")no-repeat scroll center center / cover;
}

.row.service-list {
    margin-bottom: -30px;
    overflow: hidden;
}

.service-page .single-service {
    margin-bottom: 30px;
}

.service-image {
    margin-bottom: 20px;
}

.service-details h3 {
    margin-bottom: 25px;
}

.service-details h3 a {
    color: #060606;
    font-size: 18px;
    text-transform: uppercase;
}

row.team-testmonial {
    display: block;
    margin-top: 35px;
}

.panel-group {
    border: 1px solid #ddd;
}

.features_hidding {
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.panel.single_features {
    box-shadow: inherit;
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.single_features h4 {
    margin-bottom: 0;
}

.single_features h4 a {
    display: block;
    font-family: open sans;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.panel.single_features.active .features_hidding a {
    color: #3490b5;
}

.single_features h4 a:hover {
    color: #3490b5;
}

.single_features h4 a {
    display: block;
    font-family: open sans;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 0 13px 60px;
    position: relative;
    text-transform: uppercase;
}

.single_features h4 a i {
    border-right: 1px solid #ebebeb;
    height: 50px;
    left: 0;
    padding-top: 13px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}

.panel.single_features.active {
    background: #fafafa none repeat scroll 0 0;
}

.single_features:last-child {
    border-bottom: 0 none;
}

.features_content {
    padding: 10px 15px;
    text-align: justify;
    position: relative;
}

.features_content::after {
    background: #ebebeb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.service-details-area .single-service-img {
    margin-bottom: 30px;
}

.service-features > h3,
.service-download-content h3 {
    color: #000000;
    font-size: 18px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.service-download-content {
    text-align: justify;
}

a.download-button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid;
    display: block;
    font-size: 24px;
    margin-top: 50px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
}

a.download-button:hover {
    background: #3490b5 none repeat scroll 0 0;
    border: 1px solid #3490b5;
    color: #fff;
}

.team-testmonial-slide-area {
    border: 1px solid #EBEBEB;
    padding: 50px 0;
}

.team-testmonial-slider {
    padding-left: 70px;
    padding-top: 20px;
    position: relative;
    color: #b7b7b7;
    font-weight: 500;;
}

.team-testmonial-slider::after {
    content: "";
    font-family: icofont;
    font-size: 40px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.testmonial-member-name {
    color: #555555;
    font-weight: 500;;
    text-transform: uppercase;
}

.testmonial-member-name > span {
    color: #008fd5;
}

.team-testmonial .carousel-indicators {
    bottom: -20px;
}

.team-testmonial .carousel-indicators li {
    background: #b7b7b7 none repeat scroll 0 0;
    border-radius: 0;
    height: 4px;
    width: 25px;
}

.team-testmonial .carousel-indicators li.active {
    background: #008FD5 none repeat scroll 0 0;
    box-shadow: 0 0 0;
}


/*------------------------------
    13.BLGO PAGE GRID
--------------------------------*/

.blog-grid .single-blog {
    margin-bottom: 30px;
}


/*-------------------------------
    14.BLOG PAGE LIST
--------------------------------*/

.blog-page .page-barner {
    background-color: rgba(255, 255, 255, 1);
}

.blog-posts .post-thumbnail img {
    margin-bottom: 20px;
    width: 100%;
}

.single-blog h3 {
    font-weight: 500;;
    margin-bottom: 20px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.single-blog h3:hover a {
    color: #3490b5;
}

.blog-post-meta {
    margin-bottom: 15px;
}

.blog-post-meta > a {
    color: #898989;
    margin-right: 20px;
}

.blog-post-meta > a:hover {
    color: #3490b5;
}

.blog-post-meta > a i {
    padding-right: 5px;
}

a.blog-readmore {
    border-bottom: 3px solid #3490b5;
    color: #101010;
    display: inline-block;
    font-weight: 500;;
    margin-bottom: 50px;
}

a.blog-readmore:hover {
    color: #3490b5;
}

a.blog-readmore i {
    font-weight: 500;;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.blog-readmore:hover i {
    padding-left: 10px;
}

.blog-pagination {
    border-top: 1px solid #e1e1e1;
    padding-top: 30px;
}

.blog-grid .blog-pagination {
    border-top: 0 none;
}

.blog-grid .blog-pagination .pagination {
    margin: 0;
    margin-top: 20px;
}

.blog-pagination .pagination {
    margin-bottom: 0;
}

ul.pagination li a {
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    text-transform: uppercase;
    color: #060606;
}

ul.pagination li.active a,
ul.pagination li.next:hover a,
ul.pagination li:hover a {
    background: #14ACE4 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
}

ul.pagination li.next a {
    background: #060606 none repeat scroll 0 0;
    border: 1px solid;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
}


/*------------------------------
    14.1 SIDEBAR
--------------------------------*/

.single-sidebar {
    margin-bottom: 50px;
}

.single-sidebar:last-child {
    margin-bottom: 0;
}

.search-form {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 40px;
    position: relative;
    width: 100%;
}

.search-form > input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    height: 40px;
    padding: 6px 6px 6px 12px;
    width: calc(100% - 44px);
}

.search-form > button {
    background: #3490b5 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
}

.search-form {
    background: #f7f7f7 none repeat scroll 0 0;
    height: 40px;
    position: relative;
    width: 100%;
}

.search-form > input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    height: 40px;
    padding: 6px 6px 6px 12px;
    width: calc(100% - 44px);
}

.search-form > button {
    background: #3490b5 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
}

.single-sidebar {
    margin-bottom: 50px;
}

.sidebar-title {
    border-bottom: 3px solid #ebebeb;
    margin-bottom: 20px;
}

.sidebar-title > h3 {
    color: #060606;
    display: inline-block;
    font-size: 18px;
    padding-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 0;
}

.sidebar-title > h3::after {
    background: #3490b5 none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

ul.catagoryes,
ul.recent-post,
ul.tags {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

ul.catagoryes li,
ul.recent-post li {
    display: block;
    margin-bottom: 10px;
}

ul.catagoryes li:last-child,
ul.recent-post li:last-child {
    margin-bottom: 0;
}

ul.catagoryes li a {
    color: #898989;
    letter-spacing: 0.5px;
    padding: 5px;
}

.blog-sidebar {
    margin-left: 40px;
}

ul.catagoryes li a span {
    color: #3490b5;
    padding-left: 30px;
}

ul.recent-post li a {
    color: #060606;
    font-weight: 500;;
}

ul.tags li {
    display: inline;
}

ul.tags li a {
    display: inline-block;
    font-weight: 500;;
    padding: 10px 10px 10px 0;
}

.single-sidebar a:hover {
    color: #3490b5;
}

.popular-post .single-post {
    margin-bottom: 20px;
    min-height: 70px;
    padding-left: 80px;
    position: relative;
}

.popular-post .post-thumbnail {
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
}

.popular-post .post-details {
    box-shadow: inherit;
    padding: 0;
}


/*------------------------------
    15. SINGLE BLOG
-------------------------------*/

.single-blog.single-post {
    line-height: 26px;
    text-align: justify;
}

.single-blog.single-post .highligh-text {
    border-left: 0 none;
    color: #898989;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 40px;
    margin-top: 40px;
    padding-left: 70px;
    position: relative;
}

.single-blog.single-post .highligh-text::after {
    content: "\f0b1";
    font-family: icofont;
    font-size: 40px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

.author-img {
    position: absolute;
    width: 200px;
}

a.author-link {
    background: #323232 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    left: 0;
    padding: 15px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.blog-author {
    border-top: 1px solid #ddd;
    margin: 50px 0;
    min-height: 160px;
    padding-top: 50px;
}

.blog-author .author-details {
    background: #f5f5f5 none repeat scroll 0 0;
    min-height: 160px;
    padding: 15px 15px 15px 213px;
}

.author-details > p {
    margin-bottom: 0;
}

.author-name-title > span {
    display: block;
    font-weight: 400;
    margin-top: 5px;
}

.post-comment > h5 {
    color: #060606;
    font-family: open sans;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.single-comment {
    background: whitesmoke none repeat scroll 0 0;
    padding: 20px 20px 20px 120px;
    position: relative;
    margin-bottom: 20px;
}

.single-comment:nth-child(2n+1) {
    border-left: 3px solid #898989;
    margin-left: 40px;
}

.comment-avator {
    height: 80px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 80px;
}

.comment-text a {
    color: #363636;
}

.comment-text h5 span {
    color: #636363;
    font-weight: 400;
}

.comment-text a.repaly {
    color: #636363;
    float: right;
}

.comment_submit {
    margin-top: 50px;
}

.comment_submit h4 {
    color: #000000;
    display: block;
    font-size: 18px;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.comment_submit input,
.comment_submit textarea {
    border: 1px solid #e1e1e1;
    color: #060606;
    padding: 10px;
    width: 100%;
}

.comment_submit textarea {
    height: 120px;
    padding: 10px;
    width: 100%;
}

.comment_submit button {
    background: transparent none repeat scroll 0 0;
    border: 2px solid;
    color: #3490b5;
    font-weight: 500;;
    margin-top: 20px;
    padding: 10px 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.comment_submit button:hover {
    color: #060606;
}

.post-pagination-button {
    border-top: 1px solid #ebebeb;
    margin-top: 40px;
    padding-top: 30px;
}

.post-pagination-button ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.post-pagination-button ul li.next {
    float: right;
}

.post-pagination-button ul li.previous {
    float: left;
}

.post-pagination-button ul li a {
    color: #424345;
    font-weight: 500;;
}

.post-pagination-button ul li a:hover {
    color: #3490b5;
}


/*--------------------------------
    16. TEAM PAGE
---------------------------------*/

.team-area.section-padding.team-page {
    padding-top: 50px;
    padding-bottom: 20px;
}

.team-page .page-barner {
    background: rgba(0, 0, 0, 0) url("img/team/team-barner.jpg")no-repeat scroll center center / cover;
}

.about-single-team-member .member-social-profile {
    margin-top: 50px;
}

.team-page .single-team {
    text-align: center;
    margin-bottom: 50px;
}

.team-page .single-team:hover .team-thumbnail img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0);
    filter: blur(0);
}

.single-team-project-img {
    position: relative;
}

.single-team-project-view {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(141, 198, 63, 0.8) none repeat scroll 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    width: 100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-team-project-img > img {
    min-height: 249px;
    width: 100%;
}

.single-team-project-img:hover .single-team-project-view {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/*-----------------------------
    17. PORTFOLIO PAGE
-------------------------------*/

.portfolio-page .page-barner {
    background: url("img/portfolio/portfolio-barner.jpg") no-repeat scroll center bottom / cover;
}

.portfolio-page .area-title {
    margin-bottom: 30px;
}

.portfolio-menu {
    margin-bottom: 50px;
}

.portfolio-menu ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 14px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.portfolio-menu ul li:hover {
    cursor: pointer;
}

.portfolio-menu ul li.uk-active {
    color: #000;
    font-weight: 500;;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.row.portfolio-list {
    margin-bottom: -30px;
}

.single-portfolio {
    min-height: 270px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}

.portfolio-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.portfolio-bg-1 {
    background: url(img/portfolio/1.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-2 {
    background: url(img/portfolio/2.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-3 {
    background: url(img/portfolio/3.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-4 {
    background: url(img/portfolio/4.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-5 {
    background: url(img/portfolio/5.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-6 {
    background: url(img/portfolio/6.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-7 {
    background: url(img/portfolio/7.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-8 {
    background: url(img/portfolio/8.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-9 {
    background: url(img/portfolio/9.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-10 {
    background: url(img/portfolio/10.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-11 {
    background: url(img/portfolio/11.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-bg-12 {
    background: url(img/portfolio/12.jpg)no-repeat scroll 0 0;
    background-size: cover;
}

.portfolio-details {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(141, 198, 63, 0.8) none repeat scroll 0 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 100%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    z-index: 99;
}

.brand-description > h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.portfolio-button {
    margin-top: 10px;
}

a.portfolio-view {
    width: 35px;
    height: 35px;
    border: 1px solid;
    color: #fff;
    display: inline-block;
    margin: 0 7px;
    font-size: 20px;
    padding-top: 5px;
}

a.portfolio-view:hover {
    color: #3490b5;
    background: #fff;
    border-color: #fff;
}

.portfolio-details::after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 0%;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 0%;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    opacity: 0;
    z-index: -1;
}

.portfolio-details::before {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: 20px;
    content: "";
    height: 0%;
    position: absolute;
    right: 20px;
    width: 0%;
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 0;
    z-index: -1;
}

.single-portfolio:hover .portfolio-details {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.single-portfolio:hover .portfolio-details::before,
.single-portfolio:hover .portfolio-details::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}


/*-------------------------------
    18. CONTACT US PAGE
--------------------------------*/

.contact-page .page-barner {
    background: url("img/bg-contacto.jpg") no-repeat scroll center bottom / cover;
}

.contact-area .area-title {
    font-size: 18px;
}

.contact-area .area-title h2 {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.contact-and-address-detais .contact-form input,
.contact-and-address-detais .contact-form button {
    margin-bottom: 10px;
    float: right;
}

.google-map-and-contact-form-area {
    position: relative;
    background-color: #ededed;
}

.contact-and-address-detais {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%;
}

.contact-and-address-detais > div {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 30px;
    padding-top: 30px;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea {
    border-radius: 0;
    box-shadow: 0 0 0;
    margin-bottom: 50px;
    max-height: 150px;
    padding: 16px 15px;
    min-height: 50px;
}

.s-contact-address {
    margin: 40px 0;
    padding-left: 120px;
    position: relative;
}

.s-contact-icon {
    color: #898989;
    font-size: 60px;
    height: 60px;
    left: 28px;
    position: absolute;
    text-align: center;
    width: 60px;
}

.s-contact-address h4 {
    font-size: 18px;
    text-transform: uppercase;
}

.contact-form .form-control,
.contact-form .form-control:focus {
    border: 1px solid #E1E1E1;
    box-shadow: 0 0 0 #fff !important;
    outline: 0 none;
}

.contact-form button {
    background: #1f9321 none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #fff;
    margin-left: 15px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.contact-form button:hover {
    background: #21bc24 none repeat scroll 0 0;
    border: 1px solid;
    color: #fff;
}

.li-saas {
    background-image: url(/img/ico-saas.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-shop {
    background-image: url(/img/ico-tienda-online.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-marketplace {
    background-image: url(/img/ico-marketplace.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-pagos {
    background-image: url(/img/ico-pagos.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-envios {
    background-image: url(/img/ico-envios.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-soporte {
    background-image: url(/img/ico-soporte.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-ahorro {
    background-image: url(/img/ico-ahorro.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.li-mantenimiento {
    background-image: url(/img/ico-mantenimiento.png);
    background-repeat: no-repeat;
    height: 130px;
    padding-left: 130px;
	list-style-type: none;
}

.arrow_box {
	background: rgba(52, 144, 181, 1);
	font-size:16px;
	width: 100%;
	color:#fff;
	padding:15px ;
	text-align: center;
	margin-bottom:20px;
	text-transform:uppercase;
}

.button-detail {
	background: #fff;
	font-size:16px;
	width: 120px;
	color:#000;
	padding:8px ;
	text-align: center;
	text-transform:uppercase;
	position: absolute;
	top: 230px;
    right: 5%;
	border:1px solid #000;
	float:right;
}
.button-detail:a{color:#000;}
.button-detail:hover{color:#fff;-webkit-transition: 0.6s; transition: 0.6s; background-color: #539fe6;}

@media (min-width:768px) and (max-width:1024px;){
	
	.button-detail {
		background: #fff;
		font-size:16px;
		width: 120px;
		color:#000;
		padding:8px;
		text-align: center;
		text-transform:uppercase;
		border:1px solid #000;
		float:left;
	}
	.button-detail:a{color:#000;}
	.button-detail:hover{color:#fff;-webkit-transition: 0.6s; transition: 0.6s; background-color: #539fe6;}
	
}

@media (min-width:1380px) and (max-width:1700px;){
	
	.button-detail {
		background: #fff;
		font-size:16px;
		width: 120px;
		color:#000;
		padding:8px ;
		text-align: center;
		text-transform:uppercase;
		position: absolute;
		top: 270px;
	    right: 5%;
		border:1px solid #000;
		float:right;
	}
	.button-detail:a{color:#000;}
	.button-detail:hover{color:#fff;-webkit-transition: 0.6s; transition: 0.6s; background-color: #539fe6;}
	
}

@media (min-width:1701px) and (max-width:2000px;){
	
	.button-detail {
		background: #fff;
		font-size:16px;
		width: 120px;
		color:#000;
		padding:8px ;
		text-align: center;
		text-transform:uppercase;
		position: absolute;
		top: 310px;
	    right: 5%;
		border:1px solid #000;
		float:right;
	}
	.button-detail:a{color:#000;}
	.button-detail:hover{color:#fff;-webkit-transition: 0.6s; transition: 0.6s; background-color: #539fe6;}
	
}

@media (min-width:2001px){
	
	.button-detail {
		background: #fff;
		font-size:16px;
		width: 120px;
		color:#000;
		padding:8px ;
		text-align: center;
		text-transform:uppercase;
		position: absolute;
		top: 350px;
	    right: 5%;
		border:1px solid #000;
		float:right;
	}
	.button-detail:a{color:#000;}
	.button-detail:hover{color:#fff;-webkit-transition: 0.6s; transition: 0.6s; background-color: #539fe6;}
	
}

@media (min-width:2001px){
	
	.button-detail {
		background: #fff;
		font-size:16px;
		width: 120px;
		color:#000;
		padding:8px ;
		text-align: center;
		text-transform:uppercase;
		position: absolute;
		top: 350px;
	    right: 5%;
		border:1px solid #000;
		float:right;
	}
	.button-detail:a{color:#000;}
	.button-detail:hover{color:#fff;-webkit-transition: 0.6s; transition: 0.6s; background-color: #539fe6;}
	
}



.arrow_box h1{
	font-size:30px;
	text-transform:uppercase;
}

/* OCULTO LA FORMA DE FLECHA

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0.5);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 31px;
	margin-left: -31px;
}
*/

/**********************************************************************************************************************************************/
/**************************************************    CUADROS TEXTO APARTADOS ****************************************************************/
/**********************************************************************************************************************************************/

@media only screen and (min-width:768px){
	
	.col-4-categoria{width:32.75%; border:2px solid #eee; float: none !important; display: inline-block !important; vertical-align: top; padding:10px; margin-bottom:25px; float: none !important; display: flex; flex-wrap: wrap; flex:1;}
	.col-4-categoria:hover{border:2px solid #000; transition:0.6s;}
	.col-9-categoria{width:75%; float:left;padding: 7px 5px 13px 5px; border: 1px solid #ddd; font-size: 16px;}
	.col-12-categoria{width:100%; float:left; text-align: center; padding: 5px 10px;display: flex; flex-wrap: wrap; flex:1; padding: 10px 0;}
	.col-6-categoria{width:50%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:10px 5px; text-align:center; font-size:14px;}
	.col-6-categoria-single{width:50%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:10px 20px; text-align:center; font-size:21px; line-height:25px;}
	.col-3-categoria{width:25%; padding:12px 5px 11px 5px; float:left; border:1px solid #ccc; font-size:16px; background-color:#ffcd15; font-weight:700;}
	.col-12-categoria-gris{width:100%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:10px 15px; text-align:center;}
	.col-12-ofertas{width:100%; float:left; text-align: center; padding: 5px 10px; color:#fff; background-color:#fe831f}
	.col-12-ofertas-gris{width:100%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:3px 15px; text-align:center;}

		/*  HOME  */	
	.col-lg-4-detail{width: 30%; margin-top: 40px; margin-block-end: auto; background-color: rgba(247, 247, 247, 0.52); margin: 40px 15px 40px 15px;; float: none !important; padding: 10px 30px; display: inline-block !important; border:1px solid #ccc; }
.home-square-1 {background-color:#fff;width:50%; height:auto; float:left; padding-bottom:2px; padding-right:2px;}
.home-square-2 {background-color:#fff;width:50%; height:100%; float:left; padding-bottom:2px; padding-left:2px;}
.home-bg-square-1{margin-top:50px;background: rgba(0, 0, 0, 0); width:100%;float:left;height:auto;}
.home-bg-square-2{margin-top:50px;background: rgba(0, 0, 0, 0); width:100%;float:left;height:auto;}
.home-square-bg {background-color:rgba(245,248,250,1);width:100%; height:100%; float:left; padding-bottom:2px; padding-right:2px;}
.home-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
.text-square-up{width:100%;position: relative; color:#000; text-align:center; padding-top:50px; padding-bottom:5px;}
.text-square-up p{font-size:20px; font-family: 'Montserrat', sans-serif; font-weight:300; color:#5B666D;}
.text-square-up h2{font-size:30px; font-family: 'Circular Std, book';}
.home-square-bg-2 {background-color:rgba(245,248,250,1);width:100%; height:100%; float:left; padding-bottom:2px; padding-right:2px;}
.text-square-down{width:100%;position: relative; color:#000; text-align:center; padding-top:5px; padding-bottom:40px;}
.text-square-down-butt-left{background-color:#14ace4; padding:5px 80px; color:#fff;border:0px;}
.text-square-down-butt-right{background-color:#e94c51; padding:5px 80px; color:#fff;border:0px;}
.text-square-1 h2{font-size:26px;}
.text-square-1 p{font-size:14px; font-width:400;}

.row-white {
	background-color:#fff;
	padding: 40px 195px 40px 195px;
	font-size:20px;
	line-height:20px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	margin-bottom:10px;
	width: 100%;
}


.row-white-events {
	background-color:#fff;
	padding: 40px 210px 10px 210px;
	font-size:14px;
	line-height:25px;
	color:#000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin-bottom:10px;
	float: left;
}

.row-white-management h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; margin-bottom: 20px;font-weight: 600; text-transform:uppercase;}
.row-white-management-precio{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; margin-bottom: 20px;font-weight: 400; text-transform:uppercase;padding-top: 15px; width:100%; font-size:30px; text-align:right;}

.row-white-management h2{position:relative; font-family: 'Montserrat', sans-serif; line-height:25px; margin-bottom: 15px;font-weight: 600;}

.row-white-management h3{position:relative; font-family: 'Montserrat', sans-serif; line-height:15px; margin-bottom: 5px;font-weight: 700;}

.row-white-management h4{position:relative; font-family: 'Montserrat', sans-serif; line-height:18px; margin-bottom: 0px;font-weight: 600; font-size:18px;}

.row-white-events h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; margin-bottom: 20px;font-weight: 600;}

.row-white-events h3{position:relative; font-family: 'Montserrat', sans-serif; line-height:10px; margin-bottom: 60px;font-weight: 600;}

.home-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-square-2{background: rgba(0, 0, 0, 0) url(/img/home-ibm-watson.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:500px;}
.text-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:55%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
.text-square-2 h4{font-size:36px; font-width:700;}
.text-square-2 h5{font-size:16px; font-width:400;}

.h2-blog{font-size:28px; margin-left:30px;}
.h4-blog{font-size:24px; margin-top:-5px;}

.li-blog{list-style-type: none; font-size:18px; margin-bottom:15px;}	
.li-blog a{color:#000; font-size:18px;}
.li-blog a:hover;{color:#14ace4; text-decoration:underline;}

/*  SOCIAL  */

ul.social-icons {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 25px;
	padding-bottom: 25px;
	margin-left: 0px;
}
.social-icons li {
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
}
.social-icons .icon {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	color: #fff;
}
.social-icons .icon:hover {
	background-color: #000;
}
.social-icons .icon i {
	font-size: 20px;
	line-height: 2;
}
.social-icons h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 2px;
}
.social-icons h2 a {
	color: #000;
}
.social-icons p {
	font-size: 14px;
	font-weight: 400;
}
.facebook {
	background-color: #3c599f
}
.twitter {
	background-color: #1391FB
}
.instagram {
	background-color: #b72df4
}
.youtube {
	background-color: #fe021c
}
.linkedin {
	background-color: #0274b3
}
.pinterest {
	background-color: #e04c86
}
.google {
	background-color: #c00000
}
.behance {
	background-color: #1478ff
}




/* CUADROS MANAGEMENT */

.management-square-1 {width:50%; height:220px; float:left; padding-bottom:20px; padding-right:10px;}
.management-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-1{background: rgba(0, 0, 0, 0) url(/img/bgd-humor-corporativo.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-1{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-1 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-1 p{font-size:14px; font-weight:300;}

.management-square-2 {width:50%; height:220px; float:left; padding-bottom:20px; padding-left:10px;}
.management-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-2{background: rgba(0, 0, 0, 0) url(/img/bgd-presentadores.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-2{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-2 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-2 p{font-size:14px; font-weight:300;}

.management-square-3 {width:50%; height:220px; float:left; padding-top:20px; padding-right:10px;}
.management-square-3:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-3{background: rgba(0, 0, 0, 0) url(/img/bgd-conferenciantes.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-3{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-3 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-3 p{font-size:14px; font-weight:300;}

.management-square-4 {width:50%; height:220px; float:left; padding-top:20px; padding-left:10px;}
.management-square-4:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-4{background: rgba(0, 0, 0, 0) url(/img/bgd-actores.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-4{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-4 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-4 p{font-size:14px; font-weight:300;}

.management-square-5 {width:50%; height:220px; float:left; padding-top:40px; padding-right:10px;}
.management-square-5:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-5{background: rgba(0, 0, 0, 0) url(/img/bg-magia.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-5{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-5 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-5 p{font-size:14px; font-weight:300;}

.management-square-6 {width:50%; height:220px; float:left; padding-top:40px; padding-left:10px;}
.management-square-6:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-6{background: rgba(0, 0, 0, 0) url(/img/bg-musica.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-6{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-6 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-6 p{font-size:14px; font-weight:300;}

.management-square-7 {width:100%; height:220px; float:left; padding-top:40px; margin-top:20px;}
.management-square-7:hover {color:#000; opacity:0.8; transition:0.3s;}
.img-management-square-7{background: rgba(0, 0, 0, 0) url(/img/bg-otros-artistas.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
.text-management-square-7{background-color:#fff; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
.text-management-square-7 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
.text-management-square-7 p{font-size:14px; font-weight:300;}


/* CUADROS DETALLE ARTISTAS */

.divertia-breadcrumb {font-size:14px;}
.divertia-breadcrumb a{color:#4a4a4a; text-decoration:none;}
.divertia-breadcrumb a:hover;{color:#000;}
.artista-square-1 {width:90%; height:400px; float:left;margin-right:20px;}
.artista-square-2 {width:100%; height:auto; float:left;}
.artista-square-2 h1 {text-decoration:none;}
.artista-square-2 h1:before{height: 0;border-top: 0px}
.boton-contratar {width:100%;background-color: #e94c51;padding:10px 0 10px 0; color:#fff; border:0px;}
.boton-contratar a{color:#fff;}
.boton-contratar:hover {color:#fff; opacity:0.8; transition:0.3s;}
.boton-resena {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color:#000; border:0px; margin-right:2px;font-size:14px}
.boton-resena a{color:#000;}
.boton-resena:hover{background-color:#14ace4; color:#fff; transition:0.3s}
.boton-null {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color: #ccc; border:0px; margin-left:2px;font-size:14px;float:right;cursor:default;}
.boton-dossier {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color:#000; border:0px; margin-left:2px;font-size:14px;float:right;}
.boton-dossier a{color:#000;}
.boton-dossier:hover{background-color:#14ace4; color:#fff; transition:0.3s}
.barra-titulo-artista {width:100%;background-color: #e94c51;padding:5px 0 5px 0; color:#fff; border:0px; font-size:14px;text-align:center;text-transform:uppercase;}
.barra-titulo-artista a{color:#fff; outline: none;}
.barra-titulo-artista:hover;{color:#fff; opacity:0.8; transition:0.3s; outline: none;}
.barra-titulo-evento {width:100%; background-color:#14ace4; padding:5px 0 5px 0; color:#fff; border:0px; font-size:11px; text-align:center; text-transform:uppercase; margin-top:-30px; position:relative; outline: none;}
.barra-titulo-evento a{color:#fff; outline: none;}
.barra-titulo-evento:hover;{color:#fff; opacity:0.8; transition:0.3s;}

/*###########          DETALLE EVENTOS      #############*/

.evento-img-big {width:100%;}
.eventos-square-1 {width:50%; height:auto; float:left; padding: 10px 5px 10px 0;}
.eventos-square-2 {width:50%; height:auto; float:left; padding: 10px 0 0 5px;}
.eventos-text-medio{font-size:17px; margin: 10px 0 0 0;}
.eventos-text-medio p{font-size:17px; padding-bottom: 5px;}
.eventos-texto-destacado{width:50%; max-height:250px; float:left; padding: 10px 10px 0 0; font-size:24px; line-height:33px; font-weight:bold; color:#000; text-align:center;}
.eventos-texto-secundario-right{width:50%; max-height:250px; float:left; padding: 10px 0 10px 10px; font-size:18px;}
.eventos-texto-secundario-right p{font-size:17px; line-height:20px;}
.eventos-texto-secundario-left{width:50%; max-height:250px; float:left; padding: 10px 10px 0 0; font-size:18px;}
.eventos-texto-secundario-left p{font-size:17px; line-height:20px;}

.buscador{padding:5px 20px; border-radius:30px; width:170px; color:#000; background-color:#efefef; height:30px; border:1px solid #dedede; margin-left: 50px;}


/* PÁGINA 404 */

.404-main {padding:20px 120px 20px 120px;}
.404-main h1 {text-align:center;font-size:80px;}
.404-center {text-align:center;}
.404-fondo {width:100%; height:450px; background: rgba(0, 0, 0, 0) url(/img/404.gif) no-repeat scroll center bottom / cover;}
.404-linea-blanca {background-color:#fff;width:800px; height:50px; margin-top:-50px;}





/*= SECTION
---------------------------------------------------------------------------------------------- */
.section {
  padding: 10px;
}
.section + .section {
  border-top: 1px solid #e5e5e5;
}
.section-headlines {
  margin-bottom: 30px;
}
.section-headlines h2 {
  font-size: 32px;
}
}
/*= PRICING TABLE
---------------------------------------------------------------------------------------------- */
.pricing-table .plan {
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
  margin: 0 0 20px;
  position: relative;
  z-index: 1;
}
.pricing-table .plan:hover {
  border-color: #ccc #ccc #bbb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.pricing-table .plan-name {
  padding: 30px 0;
}
.pricing-table .plan-name h2 {
  margin: 0;
  font-weight: 400;
}
.pricing-table .plan-name h2 + p {
  margin: 10px 15px 0;
}
.pricing-table .plan-price {
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}
.pricing-table .plan-price b {
  font-size: 24px;
  font-weight: 400;
}
.pricing-table .plan-price b b {
  font-size: 16px;
  font-weight: 500;
}
.pricing-table .prefered .plan-price {
  background: #fff7e3;
  color: #b0a996;
}
.pricing-table .prefered .plan-price b {
  color: #d95246;
}
.pricing-table .plan-details {
  padding: 0 10px;
}
.pricing-table .plan-details > div {
  background: #fff;
  padding: 15px;
}
.pricing-table .plan-details > div + div {
  border-top: 1px solid #e5e5e5;
}
.pricing-table .plan-action {
  background: ghostwhite;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}
.pricing-table.row-merge .plan {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.pricing-table.row-merge [class*="span"]:first-child .plan {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pricing-table.row-merge [class*="span"]:last-child .plan {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pricing-table.row-merge [class*="span"] + [class*="span"] .plan {
  margin-left: -1px;
}
[class*="span"]{float:left;min-height:1px;margin-left:20px;}
.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom
.span12{width:940px;}
.span11{width:860px;}
.span10{width:780px;}
.span9{width:700px;}
.span8{width:620px;}
.span7{width:540px;}
.span6{width:460px;}
.span5{width:380px;}
.span4{width:300px;}
.span3{width:220px;}
.span2{width:140px;}
.span1{width:60px;}
.offset12{margin-left:980px;}
.offset11{margin-left:900px;}
.offset10{margin-left:820px;}
.offset9{margin-left:740px;}
.offset8{margin-left:660px;}
.offset7{margin-left:580px;}
.offset6{margin-left:500px;}
.offset5{margin-left:420px;}
.offset4{margin-left:340px;}
.offset3{margin-left:260px;}
.offset2{margin-left:180px;}
.offset1{margin-left:100px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{font-size:16px;font-family: 'Raleway', sans-serif; display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
.row-fluid [class*="span"]:first-child{margin-left:1%;}
.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
.row-fluid .span6{width:48.93617021276595%;*width:47%; border: 1px solid #ccc; background-color:#efefef;display:block; height:330px; overflow:scroll;}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%; border: 1px solid #ccc;}
.row-fluid .span4{width:31%;*width:31%; border: 1px solid #ccc;}
.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%; border: 1px solid #ccc;}
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%; border: 1px solid #ccc;}
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%; border: 1px solid #ccc;}
.row-fluid

.boton-accion{
color: #fff;
-webkit-appearance: button;
background-color: #0099ff;
font-size: 14px;
padding-top: 8px;
padding-right: 14px;
padding-bottom: 8px;
padding-left: 14px;
margin-top: 4px;
border: 2px solid #0099ff;}

.boton-accion a{
color: #fff;
-webkit-appearance: button;
background-color: #0099ff;
font-size: 14px;
padding-top: 8px;
padding-right: 14px;
padding-bottom: 8px;
padding-left: 14px;
margin-top: 4px;
border: 2px solid #0099ff;}

.p-breadcrumb{margin-left:20px;}


/*************************************************************************************************/
/******************************** CUADROS MAX WIDTH 767X ****************************************/
/*************************************************************************************************/

 @media (max-width:767px){
	header.top-area {
	    height: 80px;
	    position: relative;
	}
	.carousel-inner {visibility:hidden}
	/*----------------------------------
	    VARIOS HOME
	------------------------------------*/
	.col-lg-3 {padding: 5px 5px; width:50%; float:left;}
	
	.mainmenu-area {
	    position: fixed;
	    width: 100%;
	    z-index: 999;
		background: #fff none repeat scroll 0 0;
		height: 75px;
		border-bottom:1px solid #ccc;
	}
	
	.col-4-categoria{width:100%; border:2px solid #eee; float: none !important; display: inline-block !important; vertical-align: top; padding:10px; margin:10px 0;}
	.col-9-categoria{width:100%; float:left}
	.col-6-categoria{width:50%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:10px 20px; text-align:center;}
	.col-6-categoria-single{position: relative; width: 92%; float: none; border: 1px solid #ccc; background-color: rgba(251, 250, 250, 0.63); margin: 5px 15px 5px 15px; text-align: center; font-size: 18px; line-height:21px;}
	.col-3-categoria{width:100%; padding:10px 5px; float:left; border:1px solid #ccc; font-size:16px;}
	.col-12-categoria{width:100%; float:left; text-align: center; padding: 0px 10px;}
	.col-12-categoria-gris{width:100%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:5px 15px; text-align:center;}
	.col-12-ofertas{width:100%; float:left; text-align: center; padding: 5px 10px; color:#fff; background-color:#fe831f}
	.col-12-ofertas-gris{width:100%; float:left; border:1px solid #ccc; background-color:rgba(251, 250, 250, 0.63); padding:3px 15px; text-align:center;}
	#map{height: 200px; position: relative; overflow: hidden; margin:0;}
	.pmap{margin:10px 5px; font-size:14px; line-height:14px}
	.col-lg-4-detail{width: 90%; margin-block-end: auto; background-color: rgba(247, 247, 247, 0.52); margin: 20px 10px 20px 10px; float: none !important; padding: 10px; display: inline-block !important;}
	
	.home-square-1 {background-color:#fff;width:100%; height:100%; float:left; padding-bottom:2px; padding-right:2px;}
	.home-square-2 {background-color:#fff;width:100%; height:100%; float:left; padding-bottom:2px; padding-left:2px;}
	.home-bg-square-1{margin-top:20px;background: rgba(0, 0, 0, 0) url(/img/home-bg-eventos.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:215px;}
	.home-bg-square-2{margin-top:20px;background: rgba(0, 0, 0, 0) url(/img/home-bg-management.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:215px;}
	.home-square-bg {background-color:rgba(245,248,250,1);width:100%; height:100%; float:left; padding-bottom:2px; padding-right:2px;}
	.home-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.text-square-up{width:100%;position: relative; color:#000; text-align:center; padding-top:20px; padding-bottom:5px; height: 180px;}
	.text-square-up p{font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:300}
	.text-square-up h2{font-size:22px; font-family: 'Montserrat', sans-serif; font-weight:700}

	.text-square-down{width:100%;position: relative; color:#000; text-align:center; padding-top:5px; padding-bottom:5px;}
	.text-square-down-butt-left{background-color:#14ace4; padding:5px 25px 5px 25px; color:#fff;border:0px;width: 100%;}
	.text-square-down-butt-right{background-color:#e94c51; padding:5px 25px 5px 25px; color:#fff;border:0px;width: 100%;}
	.text-square-1 h2{font-size:26px; font-width:700;}
	.text-square-1 p{font-size:14px; font-width:400;}
	
	
	.row-white-about h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; margin-bottom: 20px;font-weight: 400;  font-size: 18px;}
	.row-white-management h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:20px; font-weight: 700; font-size: 18px; text-transform:uppercase;}
	.row-white-management-precio{position:relative; font-family: 'Montserrat', sans-serif; line-height:15px; margin-bottom: 10px;font-weight: 400;    font-size: 21px;padding-top: 15px;}

	.row-white-management h3{position:relative; font-family: 'Montserrat', sans-serif; line-height:20px; margin-bottom: 15px;font-weight: 700;}

	.row-white-events h1{position:relative; font-family: 'Montserrat', sans-serif; line-height:30px; margin-bottom: 15px;font-weight: 400;    font-size: 21px;}

	.row-white-events h3{position:relative; font-family: 'Montserrat', sans-serif; line-height:10px; margin-bottom: 15px;font-weight: 400;}

	.home-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-square-2{background: rgba(0, 0, 0, 0) url(/img/home-ibm-watson.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:500px;}
	.text-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:55%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-square-2 h4{font-size:36px; font-width:700;}
	.text-square-2 h5{font-size:16px; font-width:400;}

	.h2-blog{font-size:28px; margin-left:30px;}
	.h4-blog{font-size:24px; margin-top:-5px;}

	.li-blog{list-style-type: none; font-size:18px; margin-bottom:15px;}	
	.li-blog a{color:#000; font-size:18px;}
	.li-blog a:hover;{color:#14ace4; text-decoration:underline;}
	
	/* CUADROS DETALLE ARTISTAS */

	.divertia-breadcrumb {font-size:14px;line-height: 14px;}
	.divertia-breadcrumb a{color:#4a4a4a; text-decoration:none;}
	.divertia-breadcrumb a:hover;{color:#000;}
	.artista-square-1 {width:90%; height:400px; float:left;margin-right:20px;}
	.artista-square-2 {width:100%; height:auto; float:left;}
	.artista-square-2 h1 {text-decoration:none;}
	.artista-square-2 h1:before{height: 0;border-top: 0px}
	.boton-contratar {width:100%;background-color: #e94c51;padding:10px 0 10px 0; color:#fff; border:0px;}
	.boton-contratar a{color:#fff;}
	.boton-contratar:hover {color:#fff; opacity:0.8; transition:0.3s;}
	.boton-resena {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color:#000; border:0px; margin-right:2px;font-size:12px}
	.boton-dossier {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color:#000; border:0px; margin-left:2px;font-size:12px;float:right;}
	.barra-titulo-artista {width:100%;background-color: #e94c51;padding:5px 0 5px 0; color:#fff; border:0px; font-size:16px;text-align:center;text-transform:uppercase;}
	.barra-titulo-artista a{color:#fff;}
	.barra-titulo-artista:hover;{color:#fff; opacity:0.8; transition:0.3s;}
	.barra-titulo-evento {width:100%; background-color:#14ace4; padding:5px 0 5px 0; color:#fff; border:0px; font-size:12px; text-align:center; text-transform:uppercase; margin-top:-30px; position:relative;}
	.barra-titulo-evento a{color:#fff;}
	.barra-titulo-evento:hover;{color:#fff; opacity:0.8; transition:0.3s;}

	/*###########          DETALLE EVENTOS      #############*/

	.evento-img-big {width:100%;}
	.eventos-square-1 {width:100%; height:auto; float:left; margin-top:5px; padding-right:3px;}
	.eventos-square-2 {width:100%; height:auto; float:left; margin-top:5px; padding-left:3px;}
	.eventos-text-medio{font-size:16px; line-height:25px; padding: 10px 0 0 0; margin: 10px 0 0 0;}
	.eventos-texto-destacado{width:100%; max-height:250px; float:left; margin-top:20px; padding-right:3px; font-size:20px; font-weight:bold; color:#000; line-height:30px; text-align:center; padding:15px;}
	.eventos-texto-secundario-right{width:100%; max-height:250px; float:left; margin-top:5px; padding-left:3px; font-size:16px; line-height:25px;padding:20px 10px;}
	.eventos-texto-secundario-left{width:100%; max-height:250px; float:left; margin-top:5px; padding-right:3px; font-size:16px; line-height:25px; padding:20px 10px;}

     /*####################*/

	.picture:hover {color:#000; opacity:0.8; transition:0.3s;}
	.picture .category-image {
		position: relative;
		background-color: #fff;
	}
	.picture .category-image:hover img {
		opacity: 0.6;
	}
	
	.row-white-about {
		background-color:#fff;
		padding: 20px 10px;
		font-size:16px;
		line-height:25px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		font-weight:300;
		margin-bottom:10px;
	}
	
	.row-white-about a{color:#14ace4}


	/* PÁGINA 404 */

	.404-main {padding:20px 120px 20px 120px;}
	.404-main h1 {text-align:center;font-size:80px;}
	.404-center {text-align:center;}
	.404-fondo {width:100%; height:450px; background: rgba(0, 0, 0, 0) url(/img/404.gif) no-repeat scroll center bottom / cover;}
	.404-linea-blanca {background-color:#fff;width:800px; height:50px; margin-top:-50px;}

	
	.arrow_box {
		position: relative;
		background: #539fe6;
		font-size:16px;
		margin-right: auto ;
		margin-left: auto ;
		width: 100%;
		color:#fff;
		padding:15px ;
		text-align: center;
	}


	/* CUADROS MANAGEMENT */

	.management-square-1 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-1{background: rgba(0, 0, 0, 0) url(/img/bgd-humor-corporativo.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-1{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-1 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-1 p{font-size:16px; font-weight:300;}

	.management-square-2 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-2{background: rgba(0, 0, 0, 0) url(/img/bgd-presentadores.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-2{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-2 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-2 p{font-size:16px; font-weight:300;}

	.management-square-3 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-3:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-3{background: rgba(0, 0, 0, 0) url(/img/bgd-conferenciantes.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-3{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-3 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-3 p{font-size:16px; font-weight:300;}

	.management-square-4 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-4:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-4{background: rgba(0, 0, 0, 0) url(/img/bgd-actores.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-4{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-4 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-4 p{font-size:16px; font-weight:300;}

	.management-square-5 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-5:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-5{background: rgba(0, 0, 0, 0) url(/img/bg-magia.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-5{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-5 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-5 p{font-size:16px; font-weight:300;}

	.management-square-6 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-6:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-6{background: rgba(0, 0, 0, 0) url(/img/bg-musica.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-6{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-6 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-6 p{font-size:16px; font-weight:300;}

	.management-square-7 {width:100%; height:220px; float:left; margin-bottom:10px;}
	.management-square-7:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-management-square-7{background: rgba(0, 0, 0, 0) url(/img/bg-otros-artistas.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:220px;}
	.text-management-square-7{background-color:#e94c51; width:100%;position: relative; margin-top:177px; color:#fff; text-align:center; padding-top:1px; padding-bottom:1px;}
	.text-management-square-7 h4{font-size:20px; font-weight: 400; margin: 10px 0 10px 0; height: auto;}
	.text-management-square-7 p{font-size:16px; font-weight:300;}

	/*  SOCIAL  */

	ul.social-icons {
		padding: 0px;
		margin-top: 15px;
		margin-right: 0px;
		margin-bottom: 25px;
		padding-bottom: 25px;
		margin-left: 0px;
	}
	.social-icons li {
		list-style-type: none;
		display: inline-block;
		margin-right: 10px;
	}
	.social-icons .icon {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		color: #fff;
	}
	.social-icons .icon:hover {
		background-color: #e75640;
	}
	.social-icons .icon i {
		font-size: 20px;
		line-height: 2;
	}
	.social-icons h2 {
		font-size: 18px;
		font-weight: 500;
		line-height: 1;
		margin-bottom: 2px;
	}
	.social-icons h2 a {
		color: #000;
	}
	.social-icons p {
		font-size: 14px;
		font-weight: 400;
	}
	.facebook {
		background-color: #3c599f
	}
	.twitter {
		background-color: #1391FB
	}
	.instagram {
		background-color: #b72df4
	}
	.youtube {
		background-color: #fe021c
	}
	.linkedin {
		background-color: #0274b3
	}
	.pinterest {
		background-color: #e04c86
	}
	.google {
		background-color: #c00000
	}
	.behance {
		background-color: #1478ff
	}
	.row-blank {
		background-color:#fff;
		margin: 10px 0 10px 0;
	}
	.row-pie {
		background-color: #585858;
		margin: 100px 0 0 0;
		padding: 20px 10px 20px 10px;
		float: left;
		color: #fff;
	}

	.row-blog {
		background-color:#faf8fa;
		padding: 20px 10px 20px 10px;
		font-family: 'Nunito', sans-serif;
		font-weight:300;
		visibility:hidden;
		display: none;
	}

	.row-white {
		background-color:#fff;
		padding: 20px 10px 20px 10px;
		font-size:20px;
		line-height:20px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		font-weight:300;
	}

	.row-white p{
		font-size:16px;
		line-height:25px;
		padding-bottom:20px;
		color:#000;
		font-weight:300;
	}

	.row-white {
		background-color:#fff;
		padding: 10px 20px 10px 20px;
		font-size:20px;
		line-height:20px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		font-weight:300;
		margin-bottom:10px;
	}

	.gallery-taller{width:100%; float:left; padding:0px; margin:10px 0px;}
	.gallery-taller-66{width:100%; float:left; padding:0px; margin:0px;}
	.gallery-taller-33{width:100%; float:left; padding:0px; margin:0px; display:none;}
	.gallery-taller-50{width:100%; float:left; padding:0px; margin:0px;}
	.gallery-taller-100{width:100%; float:left; padding:0px; margin:10px 0px;}.
	
	 {
		background-color:#fff;
		padding: 3px 5px 5px 5px;
		font-size:16px;
		line-height:25px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		font-weight:300;
		margin-bottom:2px;
	}
	.row-white-events {
		background-color:#fff;
		padding: 10px 20px 10px 20px;
		font-size:16px;
		line-height:25px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin-bottom:10px;
	}
	
	.row-grey-artist {
		background-color:rgba(255,255,255,1);
		padding: 10px 1px 20px 1px;
		font-size:20px;
		line-height:20px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
		float: left;
	}
	
	.row-grey {
		background-color:#faf8fa;
		padding: 20px 10px 20px 10px;
		font-size:20px;
		line-height:20px;
		color:#000;
		font-family: 'Montserrat', sans-serif;
	}

	.row-grey p{
		font-size:20px;
		line-height:20px;
		padding-bottom:20px;
		color:#000;
	}

	.gallery-taller{width:100%; float:left; padding:0px; margin:0px;}


	.pie-title-title {
	    margin-top:10px;
		position: relative;
	    text-align: center;
	    font-size: 24px;
	    font-family: 'Nunito', sans-serif;
		font-weight: 200;
		line-height:30px;
	    color: #fff;
	    height: 100%;
	}

	.pie-title-center {
		position: relative;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 18px;
		padding: 0 10px 0 10px;
		line-height: 22px;
		font-family: 'Nunito', sans-serif;
		font-weight: 400;
	}

	.pie-title-left {
		position: relative;
		text-align: justify;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 18px;
		padding: 0 10px 0 10px;
		line-height: 22px;
		font-family: 'Nunito', sans-serif;
		font-weight: 400;
	}
	.pie-title-left p{
		margin-bottom:10px;
	}	
	
	/* CUADROS DETALLE ARTISTAS */

	.artista-square-1 {width:90%; height:400px; float:left;margin-right:20px;}
	.artista-square-2 {width:100%; height:auto; float:left;}
	.boton-contratar {width:100%;background-color: #e94c51;padding:10px 0 10px 0; color:#fff; border:0px;}
	.boton-contratar a{color:#fff;}
	.boton-contratar:hover {color:#fff; opacity:0.8; transition:0.3s;}
	.boton-resena {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color:#000; border:0px; margin-right:2px;font-size:18px}
	.boton-dossier {width:49%;background-color: #f2f2f2;padding:5px 0 5px 0; color:#000; border:0px; margin-left:2px;font-size:18px;float:right;}
	.boton-resena a{color:#000;}
	.boton-dossier a{color:#000;}	
	.barra-titulo-artista {width:100%;background-color: #e94c51;padding:5px 0 5px 0; color:#fff; border:0px; font-size:16px;text-align:center;text-transform:uppercase;}
	.barra-titulo-artista a{color:#fff;}
	.barra-titulo-artista:hover;{color:#fff; opacity:0.8; transition:0.3s;}

	/* PÁGINA 404 */

	.404-main {padding:20px 120px 20px 120px;}
	.404-main h1 {text-align:center;font-size:80px;}
	.404-center {text-align:center;}
	.404-fondo {width:100%; height:450px; background: rgba(0, 0, 0, 0) url(/img/404.gif) no-repeat scroll center bottom / cover;}
	.404-linea-blanca {background-color:#fff;width:800px; height:50px; margin-top:-50px;}	
	
	.pie-title-left {
		position: relative;
		text-align: justify;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		padding: 0 10px 0 10px;
		line-height: 22px;
		font-weight: 400;
	}
	.pie-title-left p{
		margin-bottom:10px;
	}
	.row-fluid .span6{width:98%;*width:98%; border: 1px solid #ccc; background-color:#efefef;display:block; height:330px; overflow:scroll; margin:10px 0 5px 0;}
	.row-fluid .span4{width:98%;*width:98%; border: 1px solid #ccc; margin:10px 0 5px 0;}
	.arrow_box h1{font-size:22px;
	}
	.arrow_box {margin-top: auto;}
	.home-square-1 {width:50%; height:400px; float:left; padding-bottom:2px; padding-right:0px;}
	.home-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-square-1{background:rgba(0, 0, 0, 0) url(/img/home-consultoria.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:400px;}
	.text-square-1{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:260px; color:#fff; text-align:center; padding-top:5px; padding-bottom:5px;}
	.text-square-1 h4{font-size:36px; font-width:700;}
	.text-square-1 h5{font-size:16px; font-width:400;}

	.home-square-2 {width:50%; height:400px; float:left; padding-bottom:2px; padding-left:0px;}
	.home-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-square-2{background: rgba(0, 0, 0, 0) url(/img/home-ibm-watson.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:400px;}
	.text-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:260px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-square-2 h4{font-size:36px; font-width:700;}
	.text-square-2 h5{font-size:16px; font-width:400;}

	.home-square-3 {width:100%; height:400px; float:left; padding-top:4px; padding-right:2px;}
	.home-square-3:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-square-3{background: rgba(0, 0, 0, 0) url(/img/home-conferencias.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:400px;}
	.text-square-3{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:260px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-square-3 h4{font-size:36px; font-width:700;}
	.text-square-3 h5{font-size:16px; font-width:400;}

	.home-square-4 {width:100%; height:400px; float:left; padding-top:4px; padding-left:2px;}
	.home-square-4:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-square-4{background: rgba(0, 0, 0, 0) url(/img/home-formacion.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:400px;}
	.text-square-4{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:260px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-square-4 h4{font-size:36px; font-width:700;}
	.text-square-4 h5{font-size:16px; font-width:400;}

	.h4-iguala{text-align:center;}
	.p-iguala {font-size:18px; line-height:20px;padding-bottom:30px;}



	/* CUADROS WATSON */

	.watson-square-1 {width:50%; height:500px; float:left; padding-bottom:2px; padding-right:2px;}
	.watson-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-watson-square-1{background-color:#000; width:100%; float:left; height:500px;}
	.text-watson-square-1{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:10%; color:#fff; text-align:justify; padding:10px;}
	.text-watson-square-1 h4{font-size:28px; font-width:700;}
	.text-watson-square-1 h5{font-size:16px; font-width:400;}
	.text-watson-square-1 p{font-size:16px; font-width:400;}

	.watson-square-2 {width:100%; height:500px; float:left; padding-bottom:2px; padding-right:2px;}
	.watson-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-watson-square-2{background:rgba(0, 0, 0, 0) url(/img/marketing-estrategico.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:500px;}
	.text-watson-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:220px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-watson-square-2 h4{font-size:28px; font-width:700;}
	.text-watson-square-2 h5{font-size:16px; font-width:400;}
	.text-watson-square-2 p{font-size:16px; font-width:400;}


	/* CUADROS CONSULTORIA */

	.consultoria-square-1 {width:100%; height:400px; float:left; padding-bottom:2px; padding-right:2px;}
	.consultoria-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-consultoria-square-1{background:rgba(0, 0, 0, 0) url(/img/consultoria-marketing-estrategico.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:400px;}
	.text-consultoria-square-1{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:200px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-consultoria-square-1 h4{font-size:28px; font-width:700;}
	.text-consultoria-square-1 h5{font-size:16px; font-width:400;}
	.text-consultoria-square-1 p{font-size:16px; font-width:400;}

	.consultoria-square-2 {width:100%; height:400px; float:left; padding-bottom:2px; padding-left:2px;}
	.consultoria-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-consultoria-square-2{background: rgba(0, 0, 0, 0) url(/img/consultoria-fidelizacion-clientes.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:400px;}
	.text-consultoria-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:200px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-consultoria-square-2 h4{font-size:28px; font-width:700;}
	.text-consultoria-square-2 h5{font-size:16px; font-width:400;}
	.text-consultoria-square-2 p{font-size:16px; font-width:400;}

	.consultoria-square-3 {width:100%; height:400px; float:left; padding-top:4px; padding-right:2px;}
	.consultoria-square-3:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-consultoria-square-3{background: rgba(0, 0, 0, 0) url(/img/consultoria-experiencia-cliente.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:400px;}
	.text-consultoria-square-3{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:200px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-consultoria-square-3 h4{font-size:28px; font-width:700;}
	.text-consultoria-square-3 h5{font-size:16px; font-width:400;}
	.text-consultoria-square-3 p{font-size:16px; font-width:400;}

	.consultoria-square-4 {width:100%; height:400px; float:left; padding-top:4px; padding-left:2px;}
	.consultoria-square-4:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-consultoria-square-4{background: rgba(0, 0, 0, 0) url(/img/estudios-sociologicos.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:400px;}
	.text-consultoria-square-4{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:200px; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-consultoria-square-4 h4{font-size:28px; font-width:700;}
	.text-consultoria-square-4 h5{font-size:16px; font-width:400;}
	.text-consultoria-square-4 p{font-size:16px; font-width:400;}

	/* CUADROS FORMACIÓN */

	.formacion-square-1 {width:50%; height:500px; float:left; padding-bottom:2px; padding-right:2px;}
	.formacion-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-formacion-square-1{background:rgba(0, 0, 0, 0) url(/img/formacion-marketing-estrategico.jpg) no-repeat scroll center top / cover; width:100%; float:left; height:500px;}
	.text-formacion-square-1{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-formacion-square-1 h4{font-size:28px; font-width:700;}
	.text-formacion-square-1 h5{font-size:16px; font-width:400;}
	.text-formacion-square-1 p{font-size:16px; font-width:400;}

	.formacion-square-2 {width:50%; height:500px; float:left; padding-bottom:2px; padding-left:2px;background-color:#0099ff;}
	.formacion-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-formacion-square-2{background: rgba(0, 0, 0, 0);}
	.text-formacion-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-formacion-square-2 h4{font-size:28px; font-width:700;}
	.text-formacion-square-2 h5{font-size:16px; font-width:400;}
	.text-formacion-square-2 p{font-size:16px; font-width:400;}

	.formacion-square-3 {width:50%; height:500px; float:left; padding-top:4px; padding-right:2px;background-color:#0099ff;}
	.formacion-square-3:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-formacion-square-3{background: rgba(0, 0, 0, 0);}
	.text-formacion-square-3{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-formacion-square-3 h4{font-size:28px; font-width:700;}
	.text-formacion-square-3 h5{font-size:16px; font-width:400;}
	.text-formacion-square-3 p{font-size:16px; font-width:400;}

	.formacion-square-4 {width:50%; height:500px; float:left; padding-top:4px; padding-left:2px;}
	.formacion-square-4:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-formacion-square-4{background: rgba(0, 0, 0, 0) url(/img/formacion-ventas-comercial.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:500px;}
	.text-formacion-square-4{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-formacion-square-4 h4{font-size:28px; font-width:700;}
	.text-formacion-square-4 h5{font-size:16px; font-width:400;}
	.text-formacion-square-4 p{font-size:16px; font-width:400;}


	/* CUADROS CONFERENCIAS*/

	.conferencias-square-1 {background:rgba(0, 153, 255, 1); width:100%; height:400px; float:left; }
	.conferencias-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-conferencias-square-1{background:rgba(196, 179, 98, 0.9) width:100%; float:left; height:400px;}
	.text-conferencias-square-1{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-conferencias-square-1 h4{font-size:28px; font-width:700;}
	.text-conferencias-square-1 h5{font-size:16px; font-width:400;}
	.text-conferencias-square-1 p{font-size:16px; font-width:400;}


	.conferencias-square-2 {width:100%; height:400px; float:left; height:400px;}
	.conferencias-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-conferencias-square-2{background:rgba(0, 0, 0, 0) url(/img/conferencias-2.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:400px;}
	.text-conferencias-square-2{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-conferencias-square-2 h4{font-size:28px; font-width:700;}
	.text-conferencias-square-2 h5{font-size:16px; font-width:400;}
	.text-conferencias-square-2 p{font-size:16px; font-width:400;}

	.conferencias-square-3 {background:rgba(244,149,22, 1); width:100%; height:400px; float:left; }
	.conferencias-square-3:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-conferencias-square-1{background:rgba(196, 179, 98, 0.9) width:100%; float:left; height:400px;}
	.text-conferencias-square-3{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-conferencias-square-3 h4{font-size:28px; font-width:700;}
	.text-conferencias-square-3 h5{font-size:16px; font-width:400;}
	.text-conferencias-square-3 p{font-size:16px; font-width:400;}


	.conferencias-square-4 {width:100%; height:400px; float:left; height:400px;}
	.conferencias-square-4:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-conferencias-square-4{background:rgba(0, 0, 0, 0) url(/img/conferencias-4.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:400px;}
	.text-conferencias-square-4{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-conferencias-square-4 h4{font-size:28px; font-width:700;}
	.text-conferencias-square-4 h5{font-size:16px; font-width:400;}
	.text-conferencias-square-4 p{font-size:16px; font-width:400;}


	.conferencias-square-5 {background:rgba(50,150,76, 1); width:100; height:400px; float:left; }
	.conferencias-square-5:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-conferencias-square-5{background:rgba(196, 179, 98, 0.9) width:100%; float:left; height:400px;}
	.text-conferencias-square-5{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-conferencias-square-5 h4{font-size:28px; font-width:700;}
	.text-conferencias-square-5 h5{font-size:16px; font-width:400;}
	.text-conferencias-square-5 p{font-size:16px; font-width:400;}

	.conferencias-square-6 {background:rgba(0,0,0, 1); width:100%; height:400px; float:left; }
	.conferencias-square-6:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-conferencias-square-6{background:rgba(0, 0, 0, 0) url(/img/conferencias-6.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:400px;}
	.text-conferencias-square-6{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-conferencias-square-6 h4{font-size:28px; font-width:700;}
	.text-conferencias-square-6 h5{font-size:16px; font-width:400;}
	.text-conferencias-square-6 p{font-size:16px; font-width:400;}

	/* CUADROS CONFERENCIAS INDIVIDUAL*/

	.i-conferencias-square-1 {background:rgba(0, 0, 0, 1); width:100%; height:450px; float:left; }
	.i-conferencias-square-1:hover {color:#000; opacity:0.8; transition:0.5s;}
	.i-img-conferencias-square-1{background:rgba(0, 0, 0, 0.9); width:100%; float:left; height:400px;}
	.i-text-conferencias-square-1{background-color: rgba(0, 0, 0, 0.0); width:100%;position: relative; margin-top:38%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.i-text-conferencias-square-1 h4{font-size:28px; font-width:700;font-color:#fff;}
	.i-text-conferencias-square-1 p{font-size:16px; font-width:400;}


	/* CUADROS ABOUT */

	.about-square-1 {width:50%; height:500px; float:left; padding-bottom:2px; padding-right:2px;}
	.about-square-1:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-about-square-1{background:rgba(0, 0, 0, 0) url(/img/bg-about-2.jpg) no-repeat scroll center bottom / cover; width:100%; float:left; height:500px;}
	.text-about-square-1{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-about-square-1 h4{font-size:28px; font-width:700;}
	.text-about-square-1 h5{font-size:16px; font-width:400;}
	.text-about-square-1 p{font-size:16px; font-width:400;}

	.about-square-2 {width:50%; height:500px; float:left; padding-bottom:2px; padding-left:2px;}
	.about-square-2:hover {color:#000; opacity:0.8; transition:0.3s;}
	.img-about-square-2{background: rgba(0, 0, 0, 0) url(/img/experiencia-cliente.jpg) no-repeat scroll center bottom / cover;width:100%;float:left;height:500px;}
	.text-about-square-2{background-color: rgba(0, 0, 0, 0.5); width:100%;position: relative; margin-top:50%; color:#fff; text-align:center; padding-top:20px; padding-bottom:10px;}
	.text-about-square-2 h4{font-size:28px; font-width:700;}
	.text-about-square-2 h5{font-size:16px; font-width:400;}
	.text-about-square-2 p{font-size:16px; font-width:400;}


	/* CUADROS LIBROS */

	.contenedor-libro{width:100%; padding:10px 0 10px 0; float:left;}
	.contenedor-libro-alt{width:100%; padding:30px 0 30px 0; float:left;background-color:#f1f1f1;}
	.portada-libro{width:98%;padding:5px;float:left;text-align:center; min-height:330px;}
	.detalle-libro{width:98%;padding:5px;float:left;font-size: 18px;}
	.detalle-libro-p{font-size:18px;}
	.detalle-libro-h3{font-size:24px;}	
}

.visi{visibility:visible;}

@media (max-width: 767px)
{
.mainmenu ul#nav {
    text-align: center !important;
    margin-left:0;
}
}
@media screen and (min-width: 600px) {

.pestana {
  zoom: 1;
  position: relative;
  height: auto;
}
.pestana:after,
.pestana:before {
  content: "";
  display: table;
}
.pestana:after {
  clear: both;
}
.pestana h4 {
  background-color: rgba(245,248,250,1);
  cursor: pointer;
  border: 1px solid rgba(0,0,0,0.2);
  padding: 15px 20px;
}
.pestana h4:first-child {
  border-top: 1px solid rgba(0,0,0,0.2);
  margin-top: 0px;
}
@media screen and (min-width: 600px) {
  .pestana h4 {
    position: relative;
    width: 33.333333333333336%;
    display: block;
	margin-bottom: 0px;
  }
}
.pestana ul {
  zoom: 1;
  position: relative;
  height: auto;
  min-height: 100%;
  border: 1px solid rgba(0,0,0,0.2);
  border-left: none;
  display: none;
}
.pestana ul:after,
.pestana ul:before {
  content: "";
  display: table;
}
.pestana ul:after {
  clear: both;
}
.pestana ul li {
  list-style: none;
  margin-bottom:10px;
  font-size:16px;
  line-height:25px;
}
@media screen and (min-width: 600px) {
  .pestana ul {
    position: absolute;
    width: 66.66666666666667%;
    right: 0;
    top: 0;
    padding: 15px 30px;
  }
}
.pestana .active {
  cursor: default;
  border-bottom: 1px solid rgba(0,0,0,0.2);
  border-right: none;
}
@media screen and (min-width: 600px) {
  .pestana .active {
    background: rgba(0,0,0,0);
    border-right: 1px solid rgba(0,0,0,0);
  }
}
.pestana .active + ul {
  display: block;
}

.picture:hover {color:#000; opacity:0.8; transition:0.3s;}
.picture .category-image {
	position: relative;
	background-color: #fff;
}
.picture .category-image:hover img {
	opacity: 0.6;
}