@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

.rapid_contact input,.rapid_contact textarea {
    width: 400px;
}
.ccf_copyright_wrapper {
    display: none;
}
.moduletable.frm_info {
 text-align:center;
    padding: 32px;
}
div#yjsg7.gridsfx-footer {
    background: #763b37;
    padding: 0;
    width: 100%;
    text-align: center;
    color: #ccc6c2;
}
.footer{
  background: #763b37;
      font-size: 10pt;
}
.footer_holders {
    display:none;
}

span.easy_img_caption {
    display: inline-block!important;
}

.pg-cv-box {
    min-height: 390px!important;
}

.pg-cv-name {
    text-align: center!important;
     margin-top: 0!important;
    font-size: small!important;
    font-weight: bold!important;
}

.pg-cv-descbox {
    font-size: small!important;
    line-height: 25px!important;
    padding: 0!important;
}

li{
  line-height:25px!important;
}
body{
  font-family: 'Playfair Display', serif!important;
  font-size:13pt!important;
  letter-spacing:1px;
  color: #131212!important;
}

.cita {
    font-family: 'Playfair Display', serif!important;
    font-size: 35pt!important;
    font-weight: 800!important;

  /*-webkit-text-stroke: 1px black;  
   -webkit-text-fill-color: white;   */
  color: white;  
  text-shadow:    
   3px 3px 0 #000,
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}



/**
* custom.css file created by Baseline Template
* @package Baseline Template
* @author Youjoomla.com
* @website Youjoomla.com 
* @copyright	Copyright (c) since 2007 Youjoomla.com.
* @license PHP files are released under GNU/GPL V2 Copyleft License.CSS / LESS / JS / IMAGES are Copyrighted material
**/
/*
 ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE.
 THIS WAY IF YOU MAKE A MISTAKE YOU CAN ALWAYS TURN CUSTOM CSS FILE OFF
 AND REVERT BACK TO ORIGINAL TEMPLATE CSS
 THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES.
 SO YOU CAN OVERRIDE ANY CSS PART OF THE TEMPLATE YOU NEED.
*/
.top_bg {
        background-color: #763b37!important;
    color: #e2e1e1;
    background-image: url(/images/header5.png);
    background-position: 40% 100%;
    background-repeat: no-repeat;
}

.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 220px;
	display: inline-block;
	margin: 20px;
  background:none!important;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	cursor: default;
	box-shadow: 
		inset 0 0 0 16px rgba(255,255,255,0.6),
		0 1px 2px rgba(0,0,0,0.1);
	transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
	background-image: url(/images/obras/Seraphie.jpg);
}

.ch-img-2 { 
	background-image: url(/images/laobra.jpg);
}

.ch-img-3 { 
	background-image: url(/images/lapintura.jpg);
}

.ch-info {
	position: absolute;
	background: rgba(63,147,147, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s ease-in-out;
	transform: scale(0);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	transition: all 1s ease-in-out 0.4s;
}


.ch-info p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover {
	box-shadow: 
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}