body {color:#555;font-size:16px;font-family:'Playfair Display', serif;overflow-x:hidden;background-attachment:fixed;background-image:url("../img/bg.jpg");background-position:center center; background-repeat:no-repeat;background-size:cover;}

/* GLOBAL ========== */
img 	{max-width:100%;height:auto;}
a		{color:#23235c;}
a:hover {text-decoration:none;color:#999;}
a:active, a:focus {outline:0;border:none;-moz-outline-style:none;}
i		{color:#23235c}
hr		{border-top:1px solid #E0E0E0; border-bottom:2px solid #FFF}
/* TYPOGRAPHY ========== */
h1, h2, h3, h4	{color:#23235c;font-weight:700;}
h2 {font-size:32px;margin:40px 0 30px;text-align:center;}
h3 {font-size:22px;margin:40px 0 30px;text-align:center;}
h4 {font-size:20px;margin:30px 0 15px;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child	{margin-top:0!important;}
h3>hr {border-top:10px solid rgba(35, 35, 92, 0.05);border-bottom:2px solid #FFF;margin:5px auto 0;}

.home .title	{padding:110px 0 20px; margin-bottom:60px;border-bottom:1.5px solid #FFF}
.title		{text-align:center;background:#737373;background-image:url("../img/bg-title.jpg");padding:20px 0 20px;margin-bottom:0;}
.title>h2	{color:#CCC;margin:0;display:inline-block;text-shadow:1px 1px 2px #23235c;}
.title>hr	{border-top:1px solid #23235c;border-bottom:1px solid #9F9F9F;width:50%;margin:5px auto 0;}
/* TRANSITION ELEMENTS ========== */
a, .btn, .navbar a, .form-control {transition:all 0.4s ease-in-out 0s;}
/* RESET BOX-SHADOW ========== */
.btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu {-webkit-box-shadow:none;box-shadow:none;}
/* RESET BORDER-RADIUS ========== */
.btn, .iconbox, .progress, #filter li, .scroll-up a, .form-control, .input-group-addon {border-radius:3px;}

/* INICIO ========== */
ken-burns-carousel {position:absolute;z-index:0;top:0;left:0;width:100%;height:100vh;}
.inicio-overlay {position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;background-color:rgba(0, 0, 0, 0.25);}
.intro	{display:flex; align-items:center; justify-content:center;width:100%;height:100vh}
.intro .logo	{z-index:10;margin-top:-10vh; padding:0 20%}
/* SCROLL DOWN ========== */
.scroll-down	{position:absolute;left:50%;bottom:40px;border:2px solid #999;border-radius:50%;height:50px;width:50px;margin-left:-15px;
				display:block;z-index:10;text-align:center;background:rgba(35, 35, 92, 0.25);}
.scroll-down span i	{color:#999!important;}				
.scroll-down span	{position:relative;animation-name:drop;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;
					animation-iteration-count:infinite;animation-play-state:running;}
@keyframes drop		{0% { top:0px;opacity:0;}30%{ top:10px; opacity:1;}100% { top:25px; opacity:0;}}

/* HEADER ========== */
.header {position:relative;width:100%;z-index:100;box-shadow:0px 8px 8px 0px rgba(0,0,0,0.5);}
.header .logo	{position:absolute;z-index:0;width:100%;left:0;top:0;text-align:center!important;}
.header .logo img	{height:80px;width:auto;opacity:0.75; }
.navbar-custom, .navbar-header {border:0;border-radius:0;margin:0;height:80px;}
.navbar-custom, .navbar-custom .dropdown-menu, .navbar-collapse {background:#23235c;background-image:url("../img/bg-nav.jpg")!important;}
.navbar-custom .navbar-nav	{margin-top:28px}
.navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav .dropdown-menu > li > a {font-size:14px;font-weight:600;color:#737373;}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .navbar-nav > li.active a {background:none;outline:0;color:#AAA;}
.navbar-custom .dropdown-menu {border:0;border-top:2px solid #23235c;border-radius:0;}
.navbar-custom .dropdown-menu > li > a {padding:10px 20px;}
.navbar-custom .nav .open > a, .navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li > a:focus {background:#f5f5f5;}
.navbar-custom .navbar-toggle .icon-bar {background:#AAA;}

/* SECTIONS ========== */
section {padding:0px 0 100px; margin:0!important;text-align:justify;background:#FFF;background-image:url("../img/bg-page.jpg");min-height:100vh}
section#inicio	{padding:0; margin:0; background:transparent!important}
section#quienes {margin:}
section .container {}
.section-header {text-align:center;margin:0 0 60px;}
.section-header-left {text-align:left;}
.section-header-left .section-line {width:inherit;margin:30px 0;}
.subtitle {font-style:normal;font-size:18px;}
.section-line {background:rgba(135, 135, 135, 0.5);width:100px;height:1px;margin:30px auto;}

/* HOME ========== */
.serv-ban-cont {position:relative; overflow:hidden; cursor:pointer; border-radius:20px; margin-bottom:30px}
.serv-ban-cont img {border-radius:20px}
.serv-ban-cont h2 {position:absolute;z-index:10; margin:0 auto;top:40%;left:0;right:0; color:#fff; font-size:16px; font-weight:900; padding:10px 0}
.serv-ban-cont .serv-ban-01 {display:block;position:relative; background:#23235C; border-radius:20px}
.serv-ban-cont .serv-ban-01 {backface-visibility:hidden; -webkit-transition:all 1s; -moz-transition:all 1s; transition:all 1s}
.serv-ban-cont .serv-ban-01 img {opacity:0.75;}
.serv-ban-cont:hover .serv-ban-01,.serv-ban-cont.hover .serv-ban-01 {-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);
	transform:rotateY(180deg)}
.serv-ban-cont .serv-ban-02 {display:block;position:absolute; background:#23235C; border-radius:20px}
.serv-ban-cont .serv-ban-02 {top:0; left:0; width:100%; height:100%;
	backface-visibility:hidden; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg);
	-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s}
.serv-ban-cont:hover .serv-ban-02,.serv-ban-cont.hover .serv-ban-02 {-webkit-transform:rotateY(0); -moz-transform:rotateY(0); transform:rotateY(0)}
.serv-ban-cont .serv-ban-02 h2 {border:1px solid rgba(255, 255, 255, 0.25);}
.serv-ban-cont .serv-ban-02 img {-webkit-transform:scaleX(-1); transform:scaleX(-1); opacity:0.2;}



/* SERVICES ========== */
.img-top img	{width:100%; height:auto; margin-bottom:60px}



/* CONTACTO ========== */
.ajax-response {text-align:center;}

/* FOOTER ========== */
#footer {background:#23235c;background-image:url("../img/bg-nav.jpg");text-align:center;padding:40px 0;color:#737373;}
#footer i {color:#737373;}
.copyright {margin:0;}
.copyright a{border-bottom:1px dotted #fff;}
#footer span{animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;color:#ff5252;}
.social-links {list-style:none;padding:0;margin:0 0 20px;}
.social-links li {display:inline-block;margin:5px 15px;}
.social-links a	{width:36px;height:36px;display:block;line-height:35px;text-align:center;border:1px solid #737373;
				border-radius:3px;font-size:14px;}
.social-links a:hover {border:1px solid #EEE}

/* SCROLL TO TOP ========== */
.scroll-up	{position:fixed;display:none;z-index:999;bottom:20px;right:20px;}
.scroll-up a	{background-color:rgba(35, 35, 92, 0.5);display:block;width:35px;height:35px;text-align:center;font-size:20px;line-height:30px;
				border:1px solid #999}
.scroll-up a:hover, .scroll-up a:active {background-color:rgba(35, 35, 92, 1.0);}
.scroll-up a i	{color:#FFF!important;}

/* FORM ========== */
.input-group .form-control {z-index:auto;}
.input-group-addon {background:#D8E1E4;border:2px solid #D8E1E4;padding:6px 15px;font-weight:700;}
.form-control {background:#FFF;border:1px solid #D8E1E4;font-size:12px;padding:0 15px;}
.form-control:focus{border-color:rgba(135, 135, 135, 0.7);}
.input-lg, .form-horizontal .form-group-lg .form-control {height:38px;font-size:13px;}
.input-sm, .form-horizontal .form-group-sm .form-control {font-size:11px;height:30px;}
textarea.form-control {padding:15px;max-width:100%;min-width:100%;}

/* RESPONSIVE ========== ; border:1px solid red */
@media (min-width:1400px) {

}
@media (min-width:768px) {
	.mobile	{display:none}
	.eq-height	{display:flex;align-items:stretch;}
	.navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav .dropdown-menu > li > a {border-bottom:1px solid #737373;
			border-top:1px solid #737373; padding:2px 15px}
	.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .navbar-nav > li.active a {border-bottom:1px solid #AAA;
			border-top:1px solid #AAA}	
	h3>hr {width:50%;}
	#servicios .bord-r {border-right:5px solid #23235c}
	#servicios .bord-l {border-left:5px solid #23235c}
	#servicios .bord-2 {border-left:10px solid #23235c;border-right:10px solid #23235c}	
}
@media (max-width:767px) {
	#servicios hr {margin-bottom:40px}
}