@charset "utf-8";
/* CSS Document */
.content-cent {
            width: 100%;
            max-width: 950px;
            margin: auto;
            font-size: 14px;
        }
        
		.navbar-default {
		background-color: black;
		font-size: 14px;
		color: white;
		}	
        
         .btn.btn-lg {
            font-size: 1.3rem;
        }
        .titu1 {
            color: #800101;
            font: 500 2em Roboto,Arial,Helvetica;
            font-weight: 500;
            margin: 0.25em 0;
            text-transform: uppercase;
        }
        .btn-warning{ background-color: #706A5C; !important}
        .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
            background-color: #A09A8B !important;}
        .btn-info{ background-color: #A78A5F; !important}
        .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
            background-color: #CCBBA2 !important;}

 #contenido2 .cd-hero-slider .cd-btn {color: white;}
        h3.follow {
            color: #2C2C2C;
            font-family: 'Cormorant Infant';
            font-size: 30px;
            margin-bottom: 20px;
            position: relative;
        }
        .jumbo{
            //font-family: 'Cormorant Infant';
            font-family: 'Playfair Display';
            font-size: 50px
        }

        h3.test {
            color: #001E1E;
            font-family: 'Cormorant Infant';
            font-size: 30px;
            margin-top: -20px;

            margin-bottom: 30px;
            position: relative;
        }

        p.test {
            color: #445c7b;
            font-family: 'Raleway';
            font-size: 22px;
            font-weight: 500;
            line-height: 36px;
            margin-bottom: 50px;


        }
        h1.intro {
            color: #333;
            font-family: 'Playfair Display';
            font-size: 50px;
            font-weight: 500;
            line-height: 60px;
            margin-bottom: 30px;
            margin-left:50px;
        }
        h1.intro:after {
            background: #800101;
            content: '';
            display: block;
            height: 2px;
            margin: 20px 0;
            width: 90%;
            //margin-left:30px;
        }
        p.intro {
            color: #555;

            font-family: 'Playfair Display';
            font-size: 18px;
            line-height: 36px;
            margin-bottom: 15px;
            margin-left:50px;
            text-justify:distribute;
        }
        p.intro2 {
            color: #555;

            font-family: 'Playfair Display';
            font-size: 18px;
            line-height: 36px;
            margin-bottom: 15px;
            margin-top: 30px;
            margin-right:50px;
            margin-left:50px;
            text-justify:distribute;
        }
        a.intro {
            color: #800101;	border-bottom: 1px solid #800101;
            display: inline-block;
            line-height: 36px;
            text-decoration: none;
            margin-left:50px;
        }
        a.intro:hover {
            color: #555;
            border-bottom: 1px solid #555;
        }
        #bg {
            background-image: url("images/conciencia_garza/images/banner2.jpg");
            background-repeat: no-repeat;
            width:100%;
            max-width:1920px;
            height:240px;
        }		
        .responsive-video {  
           width:100%; 
           max-width:880px; 
           height:auto; 
		
        }
        hr.style-eight {
            padding: 0;
            border: none;
            border-top: medium #999;
            color: #333;
            text-align: center;
        }
        hr.style-eight:after {
            content: "§";
            display: inline-block;
            position: relative;
            top: -0.7em;
            font-size: 1.5em;
            padding: 0 0.25em;
            background: white;
            color:#999;
        }
        .navbar{ margin-bottom:0px;}
        #slider_main .bx-wrapper2 .bx-viewport2 { background-color:#ffffff;}

        .div-img {
          display: block;
          margin-left: auto;
          margin-right: auto;
        }
        .div-img .img {
          display: block;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          max-width:880px;
          transform: scale(1);
          -ms-transform: scale(1);
          -moz-transform: scale(1);
          -webkit-transform: scale(1);
          -o-transform: scale(1);
          -webkit-transition: all 500ms ease-in-out;
          -moz-transition: all 500ms ease-in-out;
          -ms-transition: all 500ms ease-in-out;
          -o-transition: all 500ms ease-in-out;
        }
        .div-img:hover .img {
          transform: scale(0.8);
          -ms-transform: scale(0.8);
          -moz-transform: scale(0.8);
          -webkit-transform: scale(0.8);

          -o-transform: scale(0.8);
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
        }
        /* FIN CSS HERO Slide*/
       .parallax-frase {
                height: 600px;
                background-image: url("/ctlab/images/internet.jpg");
            }
        .parallax-frase2 {
                height: 400px;
                background-image: url("/ctlab/images/parallax-bg-blue.jpg");
            }
        .titulosh2{
            padding-top: 10px;
            font-weight: bold;
            font-size: 30px;
            text-align: center;
            line-height: 1em;
                    }
		video { width: 100% !important; height: auto !important; }
        .videoWrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
			
        }
        .videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
.video autoplay
{}
            
