html
{
scroll-behavior: smooth;
}

.h10 { height:10px; } 
.h20 { height:20px; } 
.h30 { height:30px!important; }
.h40 { height:40px!important; }
.h50 { height:50px!important; }
.h60 { height:60px!important; }
.h80 { height:80px!important;}
.h90 { height:90px; }
.h100 { height:100px!important; }
.h200 { height:200px!important; }
.h125 { height:125px!important; }
.h250 { height:250px!important; }
.h300 { height:300px!important; }
.h400 { height:400px!important; }
.h300 { min-height:300px; }
.h400 { min-height:400px; }
.h500 { min-height:500px; }
.h600 { min-height:600px; }
.h800 { min-height:800px; }
.h25 { height: 25px!important;}

.mb20{ margin-bottom: 20px!important; }
.mt20{ margin-top: 20px!important; }

.mb40{ margin-bottom: 40px!important; }
.mt40{ margin-top: 40px!important; }

.mb30{ margin-bottom: 30px!important; }
.mt30{ margin-top: 30px!important; }

.white { color: #fff!important; }
.bgWhite { background:rgb(255,255,255)!important; }
.bgSky { background: #e4efee!important; }

.only-movil { display:none!important; }
.hide-movil { display:block !important; }

.border { border: solid 1px #ccc; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
height: 45px;
width: 45px;
outline: black;
background-size: 50%, 50%;
border-radius: 50%;
/*border: 1px solid black;*/
background: #fff;
padding:8px; 
}

.carousel-control-next-icon:after
{
content: '>';
font-size: 40px;
color: #e51f29;
}

.carousel-control-prev-icon:after {
content: '<';
font-size: 40px;
color: #e51f29;
}    
.ck_heading_center_wrapper{
text-align:center;
}
.ck_heading_center_wrapper h3:after{
right:0;
margin:0px auto;
}
.ck_gallery_slider_wrapper .owl-theme .owl-dots{
display:none;
}
.ck_gallery_slider_wrapper .owl-theme .owl-nav {
position: absolute;
right: 0 !important;
left: 0;
margin: 0px auto;
top: 35%;
right: 180px;
z-index:1000;
display:block;
margin-top:5px;
display:none;
}
.ck_gallery_slider_wrapper{
animation-duration: 1.5s;
animation-fill-mode: both;
margin-top:60px;
}
.ck_gallery_box_main_wrapper2{
margin-top:2px;
}
.ck_gallery_box_main_wrapper img{
width:100%;
}
.ck_gallery_box_main_wrapper{
position:relative;
overflow:hidden;
float:left;
width:100%;
margin-left:2px;
}
.overlay {
background:rgba(230, 56, 75, 0.57);
position:absolute;
top:200px;
bottom:200px;
left:200px;
right:200px;
opacity:0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ck_gallery_cont_wrapper{
text-align:center;
position:absolute;
top:40%;
left:0;
right:0;
bottom:0;
opacity:0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ck_gallery_box_main_wrapper:hover .ck_gallery_cont_wrapper{
opacity:1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ck_gallery_box_main_wrapper:hover .overlay{
opacity:1;
top:0;
left:0;
right:0;
bottom:0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ck_gallery_cont_wrapper h3{
font-size:20px;
color:#fff;
}
.ck_gallery_cont_wrapper a{
display:inline-block;
width:41px;
height:41px;
border:1px solid #fff;
line-height:41px;
text-align:center;
margin-top:20px;
}
.ck_gallery_cont_wrapper a i:before{
font-size:20px;
color:#fff;
}
.ck_gallery_btn{
text-align:center;
margin-top: 30px;
}
.ck_gallery_btn a{
float:none;
display:inline-block;
}
.ck_gallery_box_main_wrapper_inner{
width:20%;
margin-left:0;
}
.ck_gallery_page_inner_main_wrapper{
padding-top:50px;
padding-bottom:50px;
background:#fff;
}
.ck_inner_pg_heading_wrapper{
padding-bottom:60px;
}
.ck_gallery_box_main_wrapper_inner{
width:20%;
margin-left:0;
}
.ck_gallery_page_inner_main_wrapper{
padding-top:100px;
/*padding-bottom:100px;*/
background:#fff;
}
.ck_inner_pg_heading_wrapper{
padding-bottom:60px;
}
@media (max-width: 580px){
.ck_slider_top_content h3{
font-size: 33px;
padding-top: 20px;
}
.ck_slider_top_content p{
padding-top: 20px;
}
.ck_about_img_wrapper img,.ck_special_img_wrapper img{
width:100%;
}
.ck_gallery_box_main_wrapper{
width:100%;
margin-left:0;
}
.ck_title_main_wrapper{
text-align:center;
}
.ck_title_cont ul {
float: none; 
display: inline-block;
margin-top: 10px;
}
.cl_cll_form input{
width:calc(100% - 150px);
}
.cl_cll_form {
float: left;
width: 100%;
}
.ck_elem_slide_img_list{
width:100% !important;
}
.ck_elem_slide_img_list_cont{
width:100% !important;
}
.ck_elem_slide_img_wrapper_inner_list {
display: block;
}
.ck_elem_slide_img_list{
border-right:0;
}
.lr_nl_form_wrapper input{
width:100%;
left:0;
border-right: 1px solid rgba(208, 208, 208, 0.52);
}
.lr_nl_form_wrapper button{
margin-top:10px;
}
.et_left_img_news2{
width:100%;
}
.et_left_cont_news{
width:100%;
padding-right:20px;
}
}
@media (max-width: 480px){
.gc_blog_quote_wrapper h3{
top:16%;
}
.ck_contac_img_wrapper img{
width:100%;
}
}
@media (max-width: 380px){
}
@media (max-width: 320px){
}

.hero-video video { 
  /* position: fixed;*/
  object-fit: cover; 
  width: 90vw;
  height: auto;
  z-index: 0;
  position: absolute 
  top: 0;
  left: 0;
  /*  right: 100; 
  top: 50%;
  left: 50%;*/
  min-width: 100%;
  min-height: 100%;
  /*width: 100%;
  height: auto;*/
  /*margin-top: 0px!important;*/
  /*z-index: -100;*/
  /*  -webkit-transform:  -webkit-translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);*/
  background-repeat: no-repeat;
  background-size: cover;
   
  transition: 1s opacity;
  }  

  .hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255,0.0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255,0.2);
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -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;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.float-label-control { position: relative; margin-bottom: 1.5em; }
.float-label-control ::-webkit-input-placeholder { color: #c3c3c3; }
.float-label-control :-moz-placeholder { color: #c3c3c3; }
.float-label-control ::-moz-placeholder { color: #c3c3c3; }
.float-label-control :-ms-input-placeholder { color: #c3c3c3; }
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill { background-color: #3c3c3c !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
.float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
.float-label-control input:focus,
.float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
.float-label-control textarea:focus { padding-bottom: 4px; }
.float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none; }
.float-label-control textarea { padding: 0.1em 0em 5px 0em; }
.float-label-control label { position: absolute; font-weight: normal; top: -1.0em; left: 0.08em; color: #aaaaaa; z-index: -1; font-size: 0.85em; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
.float-label-control input.empty + label,
.float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none; -webkit-animation: none; }
.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label { z-index: 1; }
.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label { color: #aaaaaa; }
.float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }
@keyframes float-labels {
0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
20% { font-size: 1.5em; opacity: 0; }
30% { top: 0.1em; }
50% { opacity: 0; font-size: 0.85em; }
100% { top: -1em; opacity: 1; }
}
@-webkit-keyframes float-labels {
0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
20% { font-size: 1.5em; opacity: 0; }
30% { top: 0.1em; }
50% { opacity: 0; font-size: 0.85em; }
100% { top: -1em; opacity: 1; }
}
@keyframes float-labels-bottom {
0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
20% { font-size: 1.5em; opacity: 0; }
30% { top: 0.1em; }
50% { opacity: 0; font-size: 0.85em; }
100% { top: 3em; opacity: 1; }
}
@-webkit-keyframes float-labels-bottom {
0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
20% { font-size: 1.5em; opacity: 0; }
30% { top: 0.1em; }
50% { opacity: 0; font-size: 0.85em; }
100% { top: 3em; opacity: 1; }
}

@media only screen and (min-width: 80px) and (max-width: 767px) { 

.only-movil { display:block!important; }
.hide-movil { display:none !important; } 

  .ck_testi_slide_img_wrapper {
      float: left;
      width: 300px!important;
  }
}