/* ==========================================================================
    CMS
  ============================================================================= */

  .pgfull { width:100%; overflow:hidden; background-color:#999;}
  .blkht { height:500px;}

  #leftrect { width:100%; }


  .pgwrap   { max-width:1200px; margin:0 auto; height:100%; z-index:10;}
  .pgwrap .pgwrap-pos { padding:60px 0 0 30px}

  .pgwrap .pgwrap-pos h1, .pgwrap .pgwrap-pos .cms-content, ul.pros { padding-left:140px}
  .pgwrap .pgwrap-pos h1  { width:80%; color:#fff;}

  .pgwrap .pgwrap-pos .cms-content { width:80%; color:#fff; padding-top:10px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }  


  video { width:100%; height:auto; left:0; position:absolute; top:0; z-index:2;
         background:transparent url('images/poster.jpg') no-repeat 0 0; 
         -webkit-background-size:cover; 
            -moz-background-size:cover; 
              -o-background-size:cover; 
                 background-size:cover;}

  ul.pros     { margin:0; padding:30px 0 0 140px; width:60%; color:#fff; transition: all 0.3s ease-out;}
  ul.pros li  { width:48%; margin:0; padding:0 0 10px 0; display:inline-block; list-style:none; text-transform:uppercase; transition: all 0.3s ease-out;}

  .row-height { display:table; table-layout:fixed; height:60px; width:100%; z-index:5}
  .col-sm-height { display: table-cell; float:none; height:100%; vertical-align:middle;  width:100%;}
  .col-sm-height img { width:50px; height:50px}
  .col-sm-height:first-child { width:70px;}

  .cms-overlay { width:100%; position:absolute; height:100%; background-color:#333; opacity:0.7; z-index:10}

  .cms-triangle-pos { left:0; top:0; position:absolute;}

  .cms-triangle { width:0; height:0;
                border-style: solid;
                border-width: 120px 120px 0 0;
                border-color: #ba2950 transparent transparent transparent; transition: all 0.3s ease-out;}

  .cms-title { width:90%}

  /* ==========================================================================
    Media Styles
  ============================================================================= */
  
  @media only screen and (max-width:1024px) {
  video { display:none; }
  .pgfull   {  background:transparent url('images/poster.jpg') no-repeat; background-size:cover; }

  ul.pros     { width:100%;}
  ul.pros li:nth-child(odd) { width:35%;}
  ul.pros li:nth-child(even) { width:60%;}

  .col-sm-height img { width:40px; height:40px}
  .col-sm-height:first-child { width:60px;}
  .row-height { height:60px; }

  .cms-triangle {  border-width: 80px 80px 0 0;}
  .pgwrap .pgwrap-pos h1, .pgwrap .pgwrap-pos .cms-content, ul.pros { padding-left:100px;}
  .pgwrap .pgwrap-pos .cms-content {width:70%;}
  .cms-overlay { opacity:0.9;}

  }

  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { 
  .blkht { height:480px;}

  }

  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { 
  .blkht { height:570px;}

  }


  @media only screen and (max-width:768px) {
  video { display:none;}
  .blkht { height:590px;}

  ul.pros li { padding-bottom:20px}
  ul.pros li:nth-child(odd) { width:100%;}
  ul.pros li:nth-child(even) { width:100%;}

  .col-sm-height img { width:30px; height:30px}
  .col-sm-height:first-child { width:45px;}
  .row-height { height:30px; }

  }


  @media only screen and (max-width: 479px) {

    video { display:none;}
    .blkht { height:680px;}

    .tri-cms   { border-width: 630px 0 0 600px;}
    .cms-triangle-pos { left:auto; right:0; top:0; position:absolute;}
    .pgwrap .pgwrap-pos h1, .pgwrap .pgwrap-pos .cms-content, ul.pros { padding-left:5px}

    .cms-triangle { border-width: 80px 80px 0 0;
                  border-color: transparent  #ba2950 transparent transparent;}


    .pgwrap .pgwrap-pos { padding:50px 30px 0 30px}
    .pgwrap .pgwrap-pos h1  { width:100%}
    .pgwrap .pgwrap-pos .cms-content { width:100%;}  

    .col-sm-height img { width:30px; height:30px}
    .col-sm-height:first-child { width:45px;}

    .row-height { height:40px; }
    .cms-title { width: 100%}

  }