/* FLIP CARD ANIMATION */

    /* entire container, keeps perspective */
    .flip-container {
    	perspective: 1000px;
    	transform-style: preserve-3d;
    }
    	/*  UPDATED! flip the pane when hovered */
    	.flip-container:hover .back {
    		transform: rotateY(0deg);
    	}
    	.flip-container:hover .front {
    	    transform: rotateY(180deg);
    	}
    
    .flip-container, .front, .back {
    	width: 100%;
    	height: 200px;
    }
    
    .front,
    .back {
        display: table;
        text-align: center;
        padding: 0px 15px;
        line-height: 1.3em;
        /*border-radius: 5px;*/
    }
    
    .front > div,
    .back > div {
        display: table-cell;
        vertical-align: middle;
    }
    
    .front > div > p,
    .back > div > p {
        line-height: inherit;
        margin-bottom: 0;
    }
    
    .front > div > .cdc_nombre {
        font-size: 22px;
        font-weight: 600;
        line-height: 1.4em;
        margin-bottom: 10px;
    }
    
    .front > div > .cdc_ciudad {
        margin-bottom: 10px;
    }
    
    .front > div > .cdc_departamento {
        font-size: 12px;
    }
    
    .back > div > .cdc_direccion {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    
    .back > div > .cdc_horario {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .back > div > .cdc_horario > span {
        font-weight: bold;
    }
    
    .back > div > p > button {
        padding: 5px 10px !important;
        text-transform: uppercase;
        /*font-weight: normal !important;*/
        background: #003581 !important;
        font-size: 15px !important;
    }
    
    /* flip speed goes here */
    .flipper {
    	transition: 0.6s;
    	transform-style: preserve-3d;
    
    	position: relative;
    }
    
    /* hide back of pane during swap */
    .front, .back {
    	backface-visibility: hidden;
    	transition: 0.6s;
    	transform-style: preserve-3d;
    
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    
    /*  UPDATED! front pane, placed above back */
    .front {
    	z-index: 2;
    	transform: rotateY(0deg);
    }
    
    /* back, initially hidden pane */
    .back {
    	transform: rotateY(-180deg);
    }



/* CSS PERSONALIZADO */
    .grve-fullwidth .grve-container .grve-column-1-2 {
        padding: 0;
    }
    
    .zg_zp_cdc_mapa
    {
        /*border-top: 10px solid #a3bd31;*/
         background-color: #003581; 
    }
    
    .grve-fullwidth .grve-container .zg_zp_cdc_mapa_inputs {
        padding: 4% 8%;
        color: #fff;
    }
    
    #Map > div:nth-child(2) {
        display: none !important;
    }
    
    .zg_zp_cdc_mapa_inputs > h2 {
        text-align: center;
        color: #fff;
        font-size: 27px;
        line-height: 1.3em;
    }
    
    .zg_zp_cdc_mapa_inputs > .zg_label_input {
        font-size: 15px;
    }
    
    .zg_zp_cdc_mapa_inputs > .zg_label_input > .optional {
        color: #a0a0a0;
    }
    
    .zg_zp_cdc_mapa_inputs > .zg_label_input > select,
    .zg_zp_cdc_mapa_inputs button {
        padding: 10px 15px !important;
        margin-bottom: 10px !important;
        border-radius: 10px !important;
    }
    
    .zg_zp_cdc_mapa_inputs > .zg_label_input > select {
        background-color: #fff !important;
        border-color: #c8cbe3 !important;
        color: #003581 !important;
        font-weight: bold;
        text-transform: uppercase;
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }
    
    .zg_zp_cdc_mapa_inputs > .zg_label_input > select:focus {
        border-color: #003581 !important;
    }

    .zg_zp_cdc_mapa_inputs button {
        margin-top: 15px !important;
        width: 100%;
    }

    /*
    .zg_zp_cdc_mapa_inputs button {
        margin-top: 15px !important;
        text-transform: uppercase !important;
        width: 100%;
    }
    
    .zg_zp_cdc_mapa_inputs button:focus,
    .zg_zp_cdc_mapa_inputs button:hover {
        background-color: #fff !important;
        color: #003581 !important;
    }*/
    
    /* CDC DETALLE */
        
        .zg_zp_cdc_detalle
        {
            /*background: #003581;*/
            /*border-top: 10px solid #003581;*/
            padding: 45px 0;
        }
        
        .zg_zp_cdc_detalle .cdc_base {
            margin-top: 60px;
        }
        
        .zg_zp_cdc_detalle .cdc_base h3 {
            display: inline-block;
            margin-right: 20px;
        }
        
        .zg_zp_cdc_detalle .cdc_base i {
            background: #003581;
            padding: 10px;
            border-radius: 50px;
            color: #fff;
            cursor: pointer;
        }
        
        .zg_zp_cdc_detalle .grve-column-1-4
        {
            padding-bottom: 20px;
            padding-top: 10px;
        }
        
        .zg_zp_cdc_detalle .zg_zp_cdc_item
        {
            background: #003581;
            border-radius: 15px;
            cursor: pointer;
            -webkit-transition: all .15s ease-in-out;
            -moz-transition: all .15s ease-in-out;
            -ms-transition: all .15s ease-in-out;
            -o-transition: all .15s ease-in-out;
            transition: all .15s ease-in-out;
        }
        
        .zg_zp_cdc_detalle .zg_zp_cdc_item:hover {
            /*box-shadow: 0px 0px 5px 2px #a3bd31;*/
            /*box-shadow: 0px 0px 6px 2px #000000;*/
            /*background: #003581;*/
        }
        
        .zg_zp_cdc_detalle .zg_zp_cdc_item .cdc_item_image
        {
            height: 130px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            background-position: center center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
        
        .zg_zp_cdc_detalle .zg_zp_cdc_item .cdc_item_image img
        {
            /*height: 100px;*/
            /*width: 100px;*/
            /*border-top-left-radius: 15px;*/
            /*border-top-right-radius: 15px;*/
        }
        
        .zg_zp_cdc_detalle .zg_zp_cdc_item .cdc_item_content
        {
            padding: 15px 20px 15px 20px;
            font-size: 12px;
            color: #ffffff;
        }
        
        .zg_zp_cdc_detalle .zg_zp_cdc_item .cdc_item_content .cdc_box_title {
            font-size: 18px;
            line-height: 22px;
        }
        
        .zg_zp_cdc_detalle .flipper .front {
            background: #003581;
            color: #ffffff;
        }
        
        .zg_zp_cdc_detalle .flipper .back {
            background: #a3bd31;
            color: #003581;
        }

/* RESPONSIVE */
    
    @media only screen and (min-width: 1367px) {
        
        #Map {
            min-height: 600px;
        }
        
    }
    
    @media only screen and (max-width: 1366px) {
        
        #Map {
            min-height: 500px;
        }
        
    }