/*
Author       : my_life_desing
Template Name: Kurchi - Digital Agency HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START SERVICE DESIGN
    07. START POROFOLIO DESIGN
    08. START TEAM DESIGN
    09. START TESTIMONIALS DESIGN
    10. START PRICING DESIGN
    11. START BLOG DESIGN
    12. START ADDRESS DESIGN
    13. START PARTNER DESIGN
    14. START FOOTER DESIGN
    15. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

html {
  scroll-behavior: smooth; /* hace que el desplazamiento sea suave */
}


body {
color: #444;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: 'Open Sans', sans-serif;
  color: #232434;
  font-weight: 400;
}
a {
font-family: 'Open Sans', sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
}

:-moz-placeholder {
  font-weight: 300;
;}

::-moz-placeholder {
  font-weight: 300;
}

:-ms-input-placeholder {
  font-weight: 300;
}
.form-control::placeholder {
	color: #232a34;
	opacity: 0.8;
	font-size: small;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#CC0000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;

letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {
 padding-top: 160px;     /* Espacio interno arriba del contenido */
  padding-right: 0px;    /* Espacio interno a la derecha */
  padding-bottom: 50px;  /* Espacio interno abajo */
  padding-left: 0px;     /* Espacio interno a la izquierda */;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h1 {
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
}
h1.section-title-white{
color:#fff;
font-size: 54px;
line-height: 70px;
font-weight:600;
margin-top: 0;
position: relative;

}
p.section-title-white{color:#fff;}
@media only screen and (max-width:768px) { 
.section-title  h1  {font-size:40px;}
}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #CC0000 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 100px;
}

.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #CC0000 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px !important;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.main_btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	background: #CC0000;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 12px 36px;
	color: #fff;
	font-weight: 500;
	border-radius: 3px;
}
.main_btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #232a34;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.main_btn:hover, .main_btn:focus, .main_btn:active {
  color: white;
}
.main_btn:hover:before, .main_btn:focus:before, .main_btn:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/*END BUTTON DESING*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-brand img{
	width: 140px;
	height: auto;
}

.navbar-custom {
    background-color: transparent;
    padding: 20px 0;
    width: 100%;
    border-radius: 0px;
    z-index: 999;
    margin-bottom: 0px;
    border-bottom: none;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.navbar-custom .navbar-toggler {
    color: #fff;
    font-size: 30px;
    padding: 0px;
}
.navbar-custom .navbar-brand {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.navbar-custom .navbar-nav li a {
	color: #fff !important;
	font-size: 13px;
	background-color: transparent !important;
	margin: 0 5px;
	line-height: 24px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	text-transform: uppercase;
	font-weight: 600;
}
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:active,
.navbar-custom .navbar-nav li a.active {
    color: #fff !important;
}
.navbar-custom .navbar-nav .nav-item:last-child .nav-link {
    margin-right: 0;
    padding-right: 0;
}
.navbar-custom.nav-sticky {
    background-color: #CC0000 !important;
    padding: 15px 0px;
    border-bottom: none;
}
@media (max-width: 1023px) {
    .navbar-custom .nav-social {
        display: none;
    }
}
@media (max-height: 480px) {
    .navbar-nav {
        max-height: 200px;
        overflow-y: auto;
    }
}
@media (min-width: 200px) and (max-width: 768px) {
.navbar-custom {
	background-color: #232434;
	padding: 10px 0px !important;
}
}
.mdi-menu::before {
	content: "\F035C";
}
.mdi::before, .mdi-set {
	display: inline-block;
	font: normal normal normal 24px/1 "Material Design Icons";
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width:480px) { 
#kenburns_061{margin-top:75px;}
}
.home_parallax{height: 700px;position:relative;}
.home_parallax::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #020928;
	content: "";
	left: 0;
	top: 0;
	opacity: 0.7;
}
.hero-text{
padding-top:250px;
position: relative;
}

.hero-text h1 {
	color: #fff;
	font-size: 56px;
	font-weight: 500;
	
	width: 70%;
	margin: auto;
	margin-bottom: 30px;
}
@media only screen and (max-width:880px) { 
.hero-text h1{width: 90%;}
}
@media only screen and (max-width:480px) { 
.hero-text h1{font-size:40px;width: 90%;}
}
@media only screen and (max-width:320px) { 
.slider-info h1{font-size:30px;}
}
.hero-text p{
	color:#fff;
	margin-bottom: 25px;	
}
@media only screen and (max-width:480px) { 
.hero-text p {
  color: #fff;
  margin: auto;
  width: 90%;
  margin-bottom: 25px;
}
}
.btn_one {
	background: #CC0000;
	border:2px solid #CC0000;
	color: #fff;
	padding: 10px 30px;
	border-radius: 30px;
	transition: 0.3s;
}
.btn_one:hover{
	background: none;
	border:2px solid #fff;
	color: #fff;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #020928;
  opacity:0.7;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
video { min-width: 100% }
@media only screen and (max-width:768px) { 
video { min-width: 100%;height:100%; }
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-area{margin-bottom:100px}
.our_story h3 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
}
.our_story h2 {
	font-size: 36px;
	line-height: 46px;
	font-weight:600;
	margin-bottom: 20px;
}
.our_story p{}
.what_we_do{padding-top:80px;}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
	background-image: url(../img/bg/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	background-size: cover;
}
.overlay {
    background:rgba(62, 63, 75, 0.5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
/*.counter_feature:before {
    background:#3e3f4b;
	opacity:0.5;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}*/
.single-project {
	padding: 60px 40px;
	background: #CC0000;
	margin-top: -100px;
	border-right: 1px solid #fefffd;
	position: relative;
}
@media only screen and (max-width:768px){
.single-project {margin-top: -60px;}
}
.single-project span {
	font-size: 40px;
	margin-bottom: 20px;
	color:#fff;
	display: inline-block;
}
.single-project h2 {
	font-weight: 700;
	color:#fff;
	font-size: 50px;
}
.single-project h4 {
	margin-bottom: 0;
	color:#fff;
	font-size:16px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.video_btn {
	position: relative;
	border:15px solid #fff;
	margin-top: 100px;
	margin-bottom:-100px;
	box-shadow:0 10px 40px -10px rgba(0,64,128,0.4);
}

/*
* ----------------------------------------------------------------------------------------
* 05.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_services{
margin-top: 150px;
}
.service {
	padding: 40px;
	transition: all 0.2s ease 0s;
	border-radius: 0px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
	margin: 0px 15px;
	text-align:center;
	margin-bottom: 40px;
	min-height: 450px;
}

.icon {
	color: #CC0000;
	display: inline-block;
	font-size: 60px;
	margin-bottom: 25px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.service h4 {
	margin-bottom: 20px;
	
	font-size: 20px;
	font-weight: 600;
}
.service p {}
.service a {
	color: #252d35;
	display: block;
	margin-top: 25px;
	font-weight: 600;
	
	font-size: 16px;
}

.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
	display: none;
}
.owl-theme .owl-controls .owl-page span {
	background-color: #CC0000 !important;
	border-radius: 20px;
	display: block;
	height: 6px;
	margin: 5px 3px;
	width: 6px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top:10px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.portfolio_area{overflow: hidden;}
.mix{
	display: none;
}
.portfolio_filter ul {
	list-style: none;
	margin-bottom: 60px;
}
@media only screen and (max-width:768px) { 
.portfolio_filter ul{width:100%;}
}
.portfolio_filter ul li {
	font-weight: 500;
	
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	font-size: 16px;
	color: #252d35;
	transition: .5s;
	margin: 0 3px 0px;
	border-right: 2px solid #eee;
	letter-spacing: 0px;
}
@media only screen and (max-width:480px) { 
.portfolio_filter ul li{margin-bottom:10px;}
}
.portfolio_filter ul li:last-child {
	border-right: 0px;
}
.portfolio_filter .active {
	color: #CC0000;
}
.portfolio-grid{position: relative;}
.single-gallery{
	position: relative;
}
.single-gallery:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: .5s;
	opacity: 0;
	border-radius: 4px;
}
.single-gallery img{
	border-radius: 4px;
}
.gallery_enlarge_icon{
	opacity: 0;
}
.gallery_enlarge_icon{
	background-color: #CC0000;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	transition: .5s;
}

.gallery_enlarge_icon:hover,
.gallery_enlarge_icon:focus{
	background-color: #fff;
	color: #333;
}

.single-gallery h4 {
	position: absolute;
	left: 15px;
	bottom: 10px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	opacity: 0;
	transition: .5s;
}
.single-gallery h4 a{color:#fff;}
.single-gallery h4 a:hover{color:#CC0000;}
.portfolio-item{
	margin-bottom: 30px;
}


.gallery-btn
 {
	background-color: #fc5b62;
	border: 1px solid #fc5b62;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 30px;
	
	transition: all 0.3s ease 0s;
	font-weight: 600;
	letter-spacing: 1px;
}
.gallery-btn:hover,
.gallery-btn:focus{
	background-color: #211E3B;
	border-color: #211E3B;
	color: #fff;
}
.single-gallery:hover:before,
.single-gallery:hover .gallery_enlarge_icon,
.single-gallery:hover h4{
	opacity: 1;
}
.portfolio_btn{margin-top: 30px;}
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.single_project{
background:#f8f4ef;
padding-top:80px;
padding-bottom:50px;
}
.project_dec {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	margin-bottom: 30px;
	padding: 40px;
	border-radius: 10px;
}
.project_dec img {margin-right: 20px;
width: 600px;}
@media only screen and (max-width:768px) { 
.project_dec img {width: 100%;}
}
.similar_p {
border-bottom: 1px solid #eee;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 10px;
padding-top: 40px;
text-align: center;
font-weight: 600;
}
.similar_p span{ color: #CC0000}
.related_single_project{padding-bottom:60px}
.related_project  h4 {
color: #333;
transition: all 0.4s ease 0s;
padding: 10px 0;
border-bottom: 1px solid #eee;
}

.related_project  h4:hover { color: #CC0000 }
.about_project h4 {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	font-weight: 600;
}
.about_project p {
	margin-bottom: 30px;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #CC0000;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #CC0000;
    font-weight: 700;
}
.about_project_details ul li a:hover {text-decoration: underline;}
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 07.END POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_member {
	background: rgba(199,201,209,.09);
	padding-bottom: 50px;
	overflow: hidden;
}
.single_team_content{
padding:45px;
margin-top:60px;
}
.single_team_content h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
}
.single_team_content p{}
.our-team {
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
}
.our-team .team_img{
    position: relative;
    overflow: hidden;
}
.our-team .team_img:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    position: absolute;
    bottom: -100%;
    left: 0;
    transition: all 0.3s ease 0s;
}
.our-team:hover .team_img:after{
    bottom: 0;
}
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .social{
    padding: 0 0 5px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0%;
    right: 5px;
    background: #b1b1b1;
    border-radius: 0 0 20px 20px;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.our-team:hover .social{
    top: 0;
}
.our-team .social li {
    display: block;
    padding: 10px !important;
    font-size: 14px !important;
    color: #232434;
}
.our-team .social li a{
    display: block;
    padding: 15px;
    font-size: 15px;
    color: #232434;
}
.our-team:hover .social li a:hover{
    color: #fff;
}

.our-team .team-content{
    padding: 20px 0;
    background: #fff;
}
.our-team .title{
    font-size: 18px;
    font-weight: bold;
    color: #CC0000;
    
    margin: 0 0 20px;
    position: relative;
}
.our-team .title:before{
    content: "";
    width: 25px;
    height: 1px;
    background: #CC0000;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: 9px;
    transition-duration: 0.25s;
}
.our-team .title:after{
    content: "";
    width: 25px;
    height: 1px;
    background: #CC0000;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: 9px;
    transition-duration: 0.25s;
}
.our-team:hover .title:before,
.our-team:hover .title:after{
    width: 50px;
}
.our-team .post{
    display: inline-block;
    font-size: 15px;
    
}
.our-team .post:before{
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #CC0000;
    margin: 0 auto;
    position: relative;
    top: -13px;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 08.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/
.flota_area{}
.testimonials_area{}
.testi_title{margin-bottom:60px;margin-top: 80px;}
.testi_title h2 {
	font-weight: 700;
	font-size: 60px;
}
.testi_title p {
	text-transform: uppercase;
	color: #CC0000;
	font-weight: 600;
}

.testimonial_content{}
.testimonial_content p {
	font-size: 20px;
	line-height: 32px;
}
.testi_name {
	font-size: 22px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top:50px;
	display: block;
}
@media only screen and (max-width:768px){
.testi_img {margin-top:60px;}
}

/*
* ----------------------------------------------------------------------------------------
* 09.END TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-content{}
.single-pricing{
background:#fff;
padding:40px 40px;
border-radius:5px;
position:relative;
z-index:2;
border:1px solid #eee;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
min-height: 600px;
}
@media only screen and (max-width:480px) { 
.single-pricing {margin-bottom:30px;}
}
.single-pricing:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
z-index:100;
}
.price-label {
	color: #fff;
	background: #CC0000;
	font-size: 16px;
	width: 100px;
	margin-bottom: 15px;
	display: block;
	-webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
	clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
	margin-left: -20px;
	position: absolute;
}
.price-head h2 {
	font-weight: 600;
	margin-bottom: 0px;
	font-size: 26px;
	padding-top: 10PX;
}
.price-head span {
	display: inline-block;
	background:#CC0000;
	width: 6px;
	height: 6px;
	border-radius: 30px;
	margin-bottom: 20px;
	margin-top: 15px;
}
.price {
	font-weight: 500;
	font-size: 50px;
	margin-bottom: 0px;
}
.single-pricing{}
.single-pricing h5 {
	font-size: 14px;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.single-pricing ul{
list-style: none;
margin-bottom: 20px;
margin-top: 30px;
}

.single-pricing ul li{line-height: 35px;}
.single-pricing a {
background:none;
border: 2px solid #CC0000;
border-radius: 5000px;
color: #CC0000;
display: inline-block;
font-size: 16px;
overflow: hidden;
padding:10px 45px;

transition: all 0.3s ease 0s;
}
.single-pricing a:hover, .single-pricing a:focus{
background:#CC0000;
color:#fff;
border: 2px solid #CC0000;
}
.single-pricing-white{background: #232434}
.single-pricing-white ul li{color:#fff;}
.single-pricing-white h2{color:#fff;}
.single-pricing-white h1{color:#fff;}
.single-pricing-white h5{color:#fff;}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-blog {
margin:0 5px;
position: relative;
}
.blog-description {
    padding: 20px 30px;
    position: absolute;
    left: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: 10px;
    width: 100%;
    text-align: center;
    display: block;
}
.blog-image img {
    width: 100%;
}
.single-blog:hover .blog-description,
.single-blog:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-blog:hover .blog-description {
    bottom: 0px;
}
.blog_cat {
	color: #fff;
	margin-bottom: 15px;
	display: inline-block;
}
.blog-description h4 a {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 0;
	
	transition: all 0.3s ease 0s;
	line-height: 34px;
}
.blog-description h4 a:hover{color:#CC0000;}
.blog-description p {
    color: #fff;
}
.single-blog,
.blog-description {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    overflow: hidden;
}
figure {
	margin: 0 0 0rem;
}
figure.effect-ruby {
	background-color: #000;
}

figure.effect-ruby img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	opacity: 0.5;
}

figure.effect-ruby:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0.3;
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
/*BLOG PAGES DESIGN*/
.blog-page{background:#f8f4ef;}

.post-slide-blog{
background: #fff none repeat scroll 0 0;
border-radius:10px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
margin-bottom: 30px;
overflow: hidden;
padding: 40px;
}
.blog-img img{position: relative;}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
.blog-img a {
	position: absolute;
	left: 4%;
	top: 5%;
	background: #CC0000;
	padding: 3px 15px;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
}
@media only screen and (max-width:768px) { 
.blog-img a {
	top: 5%;
	left: 6%;
}
}
.post-slide-blog h2 {
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 20px;
}
.post-slide-blog h2 a{color:#1d293e;}
.post-slide-blog h2 a:hover{color:#CC0000;}
.post-slide-blog span {
	
	padding-right: 10px;
	margin-bottom: 15px;
	display: inline-block;
	font-weight: 600;
	margin-top: 20px;
}
.post-slide-blog span a{color:#CC0000;}
.post-slide-blog > a{margin-bottom: 0px;}
.post-slide-blog p{margin-bottom: 30px;}



/*START PAGINATION*/
ul.blog_pagination li a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	font-size: 22px;
	font-weight: 500;
	background: #fff;
	height: 60px;
	line-height: 60px;
	margin: 5px;
	text-align: center;
	width: 60px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #CC0000;
    border: 1px solid #CC0000;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #eee;
	color: #1d293e;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius:10px;
	border-top: 3px solid #CC0000;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search{}
.blog_search input {
background: #f8f4ef none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #CC0000;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #CC0000; }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #CC0000 }
.single_upcoming_event span i{margin-right:5px;color: #CC0000 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover { color: #CC0000 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #f8f4ef;
	border-radius: 3px;
	color: #1d293e;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 15px;
	
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #f8f4ef;
}
.tag a:hover {
    background: #CC0000;
    color: #fff;
    border: 2px solid #CC0000;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #CC0000;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #CC0000;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea  {}

.comment_form textarea {}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 11.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.address_mb{padding-bottom:80px;}
.single_address {}
@media only screen and (max-width:480px){
.single_address {margin-bottom:30px;}
}
.single_address h4 {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 10px;
}
.single_address p{}
.contact input {
	background: #f6f6f6;
	border: 1px solid #1d293e;
	border-radius: 0px;
	box-shadow: none;
	color: #232a34;
	font-weight: 300;
	height: 70px;
	padding: 10px;
	width: 100%;
	border-top: 0px;
	margin-bottom: 15px;
	border-left: 0px;
	border-right: 0px;
	border: 1px solid #1d293e;
}
.contact textarea {
	background: #f6f6f6;
	border: 1px solid #1d293e;
	border-radius: 0px;
	box-shadow: none;
	color: #232a34;
	margin-bottom: 15px;
	font-weight: 300;
	padding: 10px;
	width: 100%;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border: 1px solid #1d293e;
}
.contact input:focus {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border: 1px solid #1d293e;
    box-shadow: none;
	color: #232a34;
	background: #f6f6f6;
    outline: 0 none;
}
.contact textarea:focus {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border: 1px solid #1d293e;
    box-shadow: #CC0000;
    outline: 0 none;
	color: #232a34;
	background:#f6f6f6;
}
.contact button {
	font-size: 16px;
}
.contact_btn {
	background: #CC0000;
	display: inline-block;
	color: #fff;
	border: 2px solid #CC0000;
	padding: 12px 40px;
}
.contact_btn:hover{
	background: #232a34;
	border: 2px solid #232a34;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 13.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.partner-logo {
	padding-top: 0px;
}
.partner_br {
	-webkit-box-shadow: 0px 19px 43px 0px rgba(17, 17, 17, 0.05);
	        box-shadow: 0px 19px 43px 0px rgba(17, 17, 17, 0.05);
	border-top: 1px solid #CC0000;
	border-radius: 3px;
	border-bottom: 1px solid #CC0000;
}
.single_logo {padding:30px;}
.single_logo a img {
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.single_logo a img:hover{opacity: 1;}

/*
 * ----------------------------------------------------------------------------------------
 * 13.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

.map{}
.map iframe{
width:100%;
height:400px;
margin-bottom: -10px;
}

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background:#232a34;
padding:30px 0;
}
.social_profile {margin-top:10px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
color:#fff;
}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#CC0000;}
.f_linkedin{background:#0e76a8;}
/*END SOCIAL PROFILE CSS*/

.footer_copyright {
	color: #fff;
}
@media only screen and (max-width:480px){
.footer_copyright {display:inline;}
}

.footer_copyright p{
text-align: center;
font-size: 0.75em;
} 
.footer_copyright a{
color: #fff;
text-align: center;
} 

.footer_copyright a:hover{
color:#CC0000;
text-decoration: underline;
}

.footer_copyright ul{list-style:none; display: inline-block;}

.footer_copyright ul li{float:left;}
.footer_copyright ul li a {
	color: #fff;
	padding: 0px 5px;
	transition: 0.3s;
}
.footer_copyright ul li a:hover{
color:#CC0000;
text-decoration: underline;
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 15.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
	background:#232434;
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/* Slide-up suave */
.collapse-overlay {
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  pointer-events: none;
}

.collapse-overlay.collapsing {
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}

.collapse-overlay.show {
  transform: translateY(0);
  pointer-events: auto;
}

/* Sombra sutil al estar visible */
.collapse-overlay.show {
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.2);
}

.bg-grey {
	background-color: #3e3f4b
}
.bg-lighter {
	background-color: #d1c7c7;
}

.req-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px 25px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  height: 100%;
}

.req-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 25px rgba(0,0,0,0.12);
}

.req-card .icon {
  background-color: #e9f2ff;
  color: #CC0000;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  margin: 0 auto 15px auto;
  transition: all 0.3s ease;
}

.req-card:hover .icon {
  background-color: #CC0000;
  color: #fff;
}

.req-card h4 {
  font-size: 1.2rem;
  margin-bottom: 10px;
  color: #222;
}

.req-card p {
  font-size: 1rem;
  color: #555;
  margin: 0;
  line-height: 1.6;
}

.hr-white {
  color: white !important;
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.feature-list li {
  position: relative;
  padding-left: 28px; /* espacio para el ícono */
  margin-bottom: 8px;
  line-height: 1.5;
}

/* Tilas Font Awesome */
.feature-list li::before {
  font-family: "Font Awesome 7 Free"; /* importante */
  font-weight: 900; /* 900 para íconos sólidos */
  content: "\f00c"; /* fa-check */
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 0.95rem;
  color: inherit; /* usa el color del texto actual */
}

#topcontrol {
  position: fixed;
  bottom: 5px;
  right: 5px;
  width: 40px;           /* ancho del botón */
  height: 40px;          /* alto del botón */
  background: #f5f5f5;   /* color de fondo (opcional) */
  border-radius: 50%;    /* redondo, si querés */
  display: flex;
  align-items: center;   /* centra verticalmente */
  justify-content: center; /* centra horizontalmente */
  cursor: pointer;
  opacity: 1;
  transition: background 0.3s ease;
}

#topcontrol:hover {
  background: #e0e0e0; /* hover opcional */
}

#topcontrol i {
  font-size: 18px; /* tamaño del ícono */
  color: #333;
}