/* CSS RESPONSIVE-MOBILE AND WINDOWED*/

.mobile_block,
.mobile_480_block { display: none; }

@media screen and (max-width:1300px) {
	#slideshow { display:none; }
	.home header { margin-bottom: 50px;  }
}

@media screen and (max-width:1140px) {
	.inner,
	.inner_900 { width: 88%; }	
	img { max-width: 100%;}
	
	button#responsive-menu-button { background: none; top: 36px; right: 4%; }
	button#responsive-menu-button:hover { background: none;}
	
	#responsive-menu-container { box-shadow: 2px 0px 8px #ddd; }
	#responsive-menu-container.push-left,
	#responsive-menu-container.slide-left { transform: translateX(-110%); -ms-transform: translateX(-110%); -webkit-transform: translateX(-110%);  
    -moz-transform: translateX(-110%); }
	
	.responsive-menu-inner,
	.responsive-menu-inner::before,
	.responsive-menu-inner::after { width: 22px; border-radius: 4px; }
	.responsive-menu-inner::after { bottom: -7px; }
	.responsive-menu-inner::before { top: -7px; }
	
	#medios_contacto .inner { grid-template-columns: 100%;}
	#medios_contacto .inner a { margin-bottom: 20px; }
	#medios_contacto .inner a:last-child { margin-bottom: 0; }
	
	#bottom { text-align:center; }
	#bottom img {float: left;}
	#bottom p, 
	#bottom ul, 
	#bottom ul li { float: none; text-align:center; margin-left: 0;}
	#bottom ul li a { display: block; }
	#bottom ul li:last-child a { border-bottom:none; }
	#bottom p { margin-bottom:14px; color:#ccc; }
}


@media screen and (max-width:900px) {
	.split { grid-template-columns: 100% !important; }
	.split #primary { border:0; padding-right:0; }
	.split .icons { grid-template-columns: 48% 48%; grid-column-gap: 4%; }	
	.split .icons .icon { margin-bottom: 32px; }
	
	#responsive-menu-container #responsive-menu li.responsive-menu-item a { line-height:inherit; padding: 16px 10px; font-size: 14px;}
	#notas .todas { display:none; }
	
	.destacado_transito { margin-bottom: 40px; } 
	
}

@media screen and (max-width:900px) and (min-width:480px) {
	#whatsapp_btn a { display:block; text-align:center; padding: 22px; }
	
	#whatsapp_btn span:before { top: -9px;}
}

@media screen and (max-width:768px) {
	
	#whatsapp_chat { width: 70px; height: 70px; bottom: 5px; right: 10px; font-size: 40px; }
	#whatsapp_chat:hover { background: #0C1139; }
	
	.mobile_block { display:block; }
	.col,
	.split .col_var, 
	.split .col_fixed { width: 100% !important; margin-right: 0; margin-left:0; padding: 0; }
	.icons { grid-template-columns: 48% 48%; grid-column-gap: 4%; }	
	.icons .icon { margin-bottom: 32px; }
	#acciones_home { padding:40px 0; }
	#primary h1 { font-size: 36px; } 
	#grid_notas .item { grid-template-columns: 100%; }
	#grid_notas .item img { margin-bottom: 12px;}
	
	#head_nota,
	#head_nota .info { display:block; border:0;}
	#head_nota .info #date { border-right:0; border-bottom:1px solid #ddd; padding:8px 0; margin-right:0; padding-right:0;  }
	#head_nota .info #fuente { padding: 8px 0; }
	#head_nota div { font-size:13px !important; }		
	.share a { margin-left:0; margin-right:8px; }	
	
	.slick-prev { left: -10px; }
	.slick-next { right: -10px; }
	
}

  /* MOBILE */

@media screen and (max-width:480px) {
	
	.mobile_480_none { display: none; }
	.mobile_480_block { display: block; }
	
	body.home { padding-top: 72px;}
	body { padding-top:100px;}
	p, li { font-size: 17px; }
	.btn { padding:8px 16px; font-size: 14px; }
	#wrapper { padding-bottom: 40px; }
	h2 { font-size: 20px; } 
	#intro_home h2 { font-size:25px; }
	#intro_home p { font-size: 20px; text-align: center;}
	#intro_home .txt i {font-size: 40px;}
	.home .bajada { font-size: 20px !important; text-align: center;}
	
	#intro_home .col { }
	#intro_home .inner { padding:10px 0; margin-bottom:10px; margin-top: 10px;}
	#intro_home .inner .col + .col { display:none; }

	#acciones_home { padding:20px 0; margin-top: 210px;}
	#acciones_home h2 { margin-bottom:10px; font-size: 25px;}
	#acciones_home .bajada { margin:auto; font-size:20px; margin-bottom:20px; }

	#logo img { width: 170px; margin-left: 5px;}
	button#responsive-menu-button { top: 30px; right: 5%; position:fixed !important; }
	.icons { grid-template-columns: 50% 50% !important;}
	header { width:100%; height:80px; padding:16px 0; margin-bottom:40px; position:fixed; top:0; background:#fff; border-bottom:5px solid #0C1139 !important; z-index:1000; }
	
	#primary h1 { font-size: 26px; line-height:1.15; margin-bottom: 16px; }
	#primary #servicios_page h2 { font-size:20px; }
	#primary #img_page { margin-bottom: 20px; }
	#faq h3 { font-size: 18px; } 
	.single #primary h1 { margin-bottom: 10px; }
	#primary .volanta { font-size: 13px; }
	#head_nota { margin-bottom: 16px; }
	.share.mobile_480_block { border:1px solid #ddd; border-width: 1px 0; padding: 12px 0; margin-bottom: 30px; overflow:hidden; }
	.sticky-element-placeholder { display:none !important; }
	#form_aside_wrapper { position:relative !important; top: 0 !important; margin-top: 0 !important; left: 0 !important;  }
	

    .icons { display: grid; grid-template-columns: 16% 16% ; grid-column-gap: 0%;}
	.icons .icon { padding: 0 20px;}
	.icons a > span img { padding:30px;}
	.icons a > span { width:100%; background:#f2f2f2; display:grid; justify-content:center; align-items:center; margin-bottom: 20px; border-radius:50%;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border: 5px solid #0C1139; position:relative; background-color: #fff;}
	.icons a h3 {font-size: 10px;}
	.icons hr {display: none;}

	.carrusel .item { border: 0; padding:0 24px; }
	.slick-dots { display:block !important; bottom: -50px; }
	.slick-prev,
	.slick-next { display: none !important; }

	#whatsapp_btn span { font-size:16px; padding-left: 50px; }
	#whatsapp_btn a { padding: 16px 10px; }
	#whatsapp_btn span:before { content:url(images/whatsapp_logo_small.png); top: 3px; left: 3px;  }
	
	#grid_notas .item .data h2 { font-size: 22px; line-height:1.1; }
	#grid_notas .item #date { font-size: 14px; }
	
    #contacto { text-align:center;}
    #contacto h2 { margin-bottom:10px; font-size: 25px;}
    #contacto .bajada {  margin:auto;  margin-bottom: 30px; max-width:740px; text-align: center;}
    #form_wrapper { width:100%; max-width: 750px; text-align:center; z-index: 1000; margin:auto; }
    form { text-align:center; }
    input,
    textarea { width: 80%; color: #000; font-size: 10px; border: none; border: 2px solid #0C1139; margin-bottom: 20px;  font-family: 'Montserrat', sans-serif; padding:14px; border-radius: 20px;}
    input[type='submit'] { width:80px; height: 45px; margin-bottom: 5px; color:#fff; border: 2px solid #0C1139; margin-top:5px; -webkit-appearance: none; border-radius:20px; }
    input[type='submit']:hover { cursor:pointer; }
    textarea { height: 80px;  border:2px solid #0C1139;  resize: none; }
    .ajax-loader { display:none !important; }

	                  /* FOOTER */
	#mapfooter { background:#A0232B; padding: 30px 0px; border-top: 5px solid #0C1139;}
    #mapfooter .inner { display: grid; grid-template-columns: 100%; grid-column-gap: 0%;}
    #mapfooter .inner a p {text-align: center; font-size: 15px;}
    #mapfooter .inner a h1 {text-align: center; font-size: 20px;}
    #map {
        height: 200px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
        padding:10px;
        margin-bottom: 30px;
        border: 4px solid black;
    }
    #maph{
       text-align: center; 
       font-family: 'Montserrat', sans-serif; 
       font-size:25px;
       font-weight:100;
       margin-bottom: 20px;
    }
    #maph i {font-size: 25px; color: red;}
    .imgf img { margin-left: 15%; float: initial; display:block; border-radius: 50%; border: 4px solid black; width: 70%; margin-bottom: 30px;}
	
    #bottom ul li a img {float: left; margin-left: 25%;}

	                  /* FLEXSLIDER MOBILE RESPONSIVE */

	.flexslider{
		width: 100%;
        position: relative;
        margin-bottom: 5px;
        margin-top: 0px;
        height: 100px;
    }

    .slides{
        overflow: hidden;
    }

    .slides img{
        width: 100%;
        height: 300px;
    }

    .slides,
    .flex-control-nav,
    .flex-direction-nav {
    	margin: 0;
        padding: 0;
        list-style: none;
    }

    .flex-control-nav{
    	width: 100%;
        text-align: center;
        top: 265%;
        bottom: 5%;
        z-index: 999;
    }

    .flex-control-nav li{
    	display: inline-block;
        margin: 0 6px;
    }

    .flex-control-nav li a{
    	display: block;
        background: #777777;
        width: 10px;
        height: 10px;
        border-radius: 8px;
        text-indent: -9999px;
    }

    .flex-control-nav li a:hover{
        background: #2E2E2E;
    }

    .flex-control-nav li a.flex-active{
        background: #2E2E2E;  
    }

    .flex-direction-nav a{
        display: block;
        text-decoration: none;
        position: absolute;
        top: 130%;
        z-index: 999;
        width: 20px;
        height: 30px;
        overflow: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .flex-direction-nav .flex-prev{
        left: 0;
    }

    .flex-direction-nav .flex-next{
        right: 0;
    }

    .flex-direction-nav a:before {
        font-family: "FontAwesome";
        font-size: 39px;
        display: block;
        content: '\f0d9';
        color: #A0232B;
        margin-left: 2px;
    }
    .flex-direction-nav a.flex-next:before {
        content: '\f0da';
    }

    .flex-caption #image-mobile{
        display: block;
    }

    .flex-caption #image-desktop{
        display: none;
    }

    .flex-caption p{
        font-family: 'Montserrat',sans-serif;
        position: absolute;
        top: 35%;
        text-align: center;
        width: 100%;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }

    .flexslider:hover .flex-direction-nav .flex-prev{
        opacity: 0.7;
        left: 10px;
    }

    .flexslider:hover .flex-direction-nav .flex-prev:hover{
        opacity: 1;
    }

    .flexslider:hover .flex-direction-nav .flex-next{
        opacity: 0.7;
        right: 10px;
    }

    .flexslider:hover .flex-direction-nav .flex-next:hover{
        opacity: 1;
    }

    button[type='info'] { width: 100px; height: 30px; margin-bottom: 0; color:#fff; border: 2px solid #0C1139; margin-top: 95px; -webkit-appearance: none; border-radius:20px; font-size: 10px;}
    button[type='info']:hover { cursor:pointer; background-color: #0C1139;}

    .social-menu h1{
  text-align: center; 
  font-size: 20px; 
  font-weight: 100; 
  color: white;
}

.social-menu p{
  text-align: center;
   font-size: 15px;
    color: white;
}

.social-menu ul {
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

#converse-chat-launcher {
  position: fixed;
  bottom: 30px;
  right: 15px;
  width: 60px;
  height: 60px;
  background-color: #25b249;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  -moz-box-shadow:    0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  box-shadow:         0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAOzSURBVHja7JhPiJVVGIefezXLmWrGbGpGK5MyIswWWtAfZIbKphIXUS1Kg2oTtAppEdXgQLYJo0UTQYtqFzJJaIy1yYVJGSikhjojUliNOUxNoxbq6NPmvXT6GJ17v/kuIdwXDvfc8+c9z/ee853z+05J5WKzMhehNaAb0A3oBnQ+m1mQn2ZgMbAcWApcH2XngD+AQ8A3wNfA4SjPbaVpHi5l4H7geaAbaJmi/WHgE+BjYPD/gF4E9ABPJctsHNgDHAFORnkrcEvMRMV+Ad4B+oC/ax5ZzZMeVIf81/aqL6m3q3PUUtL2EnWeulx9Vx1N+vWrbbWOnwf4EXUkBh1X16lX1NB/sbo5Af+qVvBagZeqwzHYT+qKnDM1S+1VJ8LXZrWlHtCt6rcxyLB6X07gNPUkEe+pB/TL4XxCXZ2Ul9U16hvqXTnAN4bf39UlRULPS168/gCt1L2QRGtAnV0j9EL1t+j/XiydQqCfCaenMtFsVw8k0MfVO3JEuzf6j1bTv1zlabcy8tuB75K6G2K/rtjlwBM59vx+4ARwFfBwEdqjDVgW+S8zdWeBM5myphzQPybBuLcI6IXA/MjvzdQdAfYn/weA9Tmgj4c+qcxeIZGeBZwGjmbqjgGbkv8HgNGcsmA4fmcUAV1RghORsvZB6A2A54AHckJXlplFQP8Vji6LFy1rR4FXYn23Au8Dt00mzqYY58oq21UF/XO82eULrLcBoDfyNwGfAp1JfUfsEG8CC87zQNdF/mQRKu9adVfsoxum0BN9yZ79p7pe7VI3JeVDoQibM2N8H/UfFXG4zFTfDoeDatMF2l6qvuV/bczJbVHSb0UintYUdSJ2JU6fraL96tDY57PdmYevzMQ+taMo6GZ1Szj+QV1QRZ9rQpdsVU9k9POdSbtVSUBezHxATFvlPR2Oz6kra+jXFDr8SbUzo5tvVg+G313q3KKl6evhfH+eT6RJUoe6LXyeVruL1tMt6o4YoC9TV8oBvCz5oFBdW4/PrXvUMxGRu9WrY7lsjGg9HrvMVH7aYsaOJcCv1frQ1VzWlICH4jgfB9aGEmtP2nQCO4HPQq39CpyKA6kp5GsXsCo5oIaBV4EP63Hv0R6SdEmmfCz0dUvcLKU2GqfoDGBOaPJUFvQDGxLNUvi1WHcCPAbsAD4P4EPA7IjiYwE/H5gbKQUdBL6I2dhZ72uxdcCjwFZgC3AwlgmTiP8O4FbgxpiBs8AIMBTQI9O9xyviLq9x1duAbkA3oBvQ9bV/BgBa8danK1QwPgAAAABJRU5ErkJggg==');
  background-position: center center;
  background-repeat: no-repeat;
}