/* Global Styles */
@-ms-viewport{
    width: device-width;
  }
  
  * {   
  margin: 0;
  padding: 0;
  }
  
  @font-face
      {
      font-family: MMFont;
      src: url(../fonts/LANENAR.ttf);
      /* ,url('Sansation_Light.eot'); /* IE9 */
      }
  
  @font-face
      {
      font-family: MMFont2;
      src: url(../fonts/Poppins-Thin.ttf);
      /* ,url('Sansation_Light.eot'); /* IE9 */
      }

@font-face
      {
      font-family: MMFontBold;
      src: url(../fonts/Poppins-Bold.ttf);
      /* ,url('Sansation_Light.eot'); /* IE9 */
      }
      
  @font-face
      {
      font-family: CDMGFont;
      src: url(../fonts/GothamNarrow-Light.ttf);
      /* ,url('Sansation_Light.eot'); /* IE9 */
      }
      
  html
      {
      height: 100%;
      max-width: 100%;
      /*background: transparent url(../images/ss.jpg) no-repeat;
      background-attachment: fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      z-index: -90;*/
      } 
  
   body
      {
      height: 100%;
      max-width: 100%;
      }
      
  /* ******* NEW NAV MENU  ******* */
  /* =Nav
  -------------------------------------------------------------- */
  /*#nav-trigger span.open:after 
      {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent;
      }*/
  
  nav#nav-main 
      {
      display: none; 
      }
  
  /* ******* NEW NAV MENU END ***** */ 
  
  nav navHome {
    display: none;
  }
  
  @media (max-width: 1280px) {
    nav .logoBG2 { display: inline; }
    nav .logoBG { display: none; }
  }
      
  @media (max-width: 970px) {
    nav navBrowse     { display: none; }
    nav navHome { display: inline; }
    serv servSec1 { display: none; }
    .platPack2 { display: block; }
    .goldPack2 { display: block; }
    .silvPack2 { display: block; }
    .bronPack2 { display: block; }
    .prodContent1 { display: none; }
    }
  
  @media (max-width: 700px) {
    nav .logoBG2 { display: none; }
    nav .logoBG3 { display: inline; }
    }
   
  
  /*nav navHome
      {
      float: right;
      background: transparent url(../images/menu.jpg) no-repeat;
      width: 129px;
      }*/

  
  .navLinks
      {
      font-family: MMFont;
      display: inline-block;
      word-spacing: 110px;
      /*float: right;*/
      }

.c-hamburger span, .c-hamburger span::before, .c-hamburger span::after 
    {
    background: #e1dfcd;
    }
            

@font-face
    {
    font-family: ETFont;
    src: url(../fonts/cordia.ttf);
    /* ,url('Sansation_Light.eot'); /* IE9 */
    }

@font-face
    {
    font-family: PosterFont;
    src: url(../fonts/NIAGSOL.TTF);
    /* ,url('Sansation_Light.eot'); /* IE9 */
    }

@font-face
    {
    font-family: MMThmFont;
    src: url(../fonts/Poppins-Thin.ttf);
    /* ,url('Sansation_Light.eot'); /* IE9 */
    }
    .homeSection
    {
    width: 100%;
    min-height: 100%;
    /*background: transparent url(../images/background_youtube.jpg) no-repeat;*/
	/*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    overflow: hidden;
    /*border-bottom: 4px solid #01e8fc;*/
    border-bottom: none;
    }

.homeHead
    {
    display: inline-block;
    vertical-align; middle;
    width: 100vw;
    min-height: 100%;
    overflow: hidden;
    /*border-bottom: 4px solid #01e8fc;*/
    }

@media (max-width: 767px)
{
.fullscreen-bg { display: none; }
.homeSection
    {
    width: 100%;
    min-height: 100%;
    background: black url(../images/CDMG_bg_palms.jpg) no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: fixed;
    left: 0;
    bottom: 0px;
    }

}

/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */

.parallax {
  scroll-behavior: smooth;
}

.parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
  }

  .parallax__group {
    position: relative;
    height: 500px; /* fallback for older browsers */
    min-height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--fore {
    transform: translateZ(90px) scale(1);
    -webkit-transform: translateZ(90px) scale(.7);
    -moz-transform: translateZ(90px) scale(1);
    z-index: 5;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
    z-index: 2;
  }


  /* Debugger styles - used to show the effect
  --------------------------------------------- */

  .debug {
    position: fixed;
    top: 0;
    left: .5em;
    z-index: 999;
    background: rgba(0,0,0,.85);
    color: #fff;
    padding: .5em;
    border-radius: 0 0 5px 5px;
  }
  .debug-on .parallax__group {
    -webkit-transform: translate3d(800px, 0, -800px) rotateY(30deg);
    transform: translate3d(700px, 0, -800px) rotateY(30deg);
 }
  .debug-on .parallax__layer {
    box-shadow: 0 0 0 2px #000;
    opacity: 0.9;
  }
  .parallax__group {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
  }


  /* demo styles
  --------------------------------------------- */

  body, html {
    overflow: hidden;
  }

  body {
    font: 100% / 1.5 Arial;
  }

  * {
    margin:0;
    padding:0;
  }

  .parallax {
    font-size: 200%;
  }

   /* centre the content in the parallax layers */
  .title {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */
/* Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// Parallax Style Rules /////////////// */

.slide
    {
    position: relative;
    padding: 25vh 10%;
    min-height: 100vh;
    width: 100vw;
    box-sizing: border-box;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
    transform-style: inherit;
    }

.slide:before 
    {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    }

.slide:nth-child(2n) .title {
  margin-left: 0;
  margin-right: auto;
}

.slide:nth-child(2n+1) .title {
  margin-left: auto;
  margin-right: 0;
}

.slide, .slide:before {
  background: 50% 50% / cover;  
}

#slide2
    {
    background-attachment: fixed;
    }



/*HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// 
HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// 
HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// HOSPITALITY SECTION /// */

.CDMGHosSection
    {
    display: flex;
    width: 100%;
    height: 50%;
    align-items: center;
    justify-content: center;
    /*-webkit-background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*background-size: cover;*/
    /*overflow: hidden;*/
    /*border-bottom: 4px solid #01e8fc;*/
    /*position: absolute;*/
    /*z-index:4;*/
    /*display: block;*/
    transform: translateZ(-50px) scale(1.4);
    z-index: -1;
    }


.CDMGHosposterSection
    {
    /*background: transparent url(../images/QAbg1b.jpg) no-repeat; */
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    }

.CDMGHosSectionCvr
    {
    display: -webkit-flex; /* Safari */
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: 
    linear-gradient(
        to top, 
        rgba(0, 0, 0, 0.895) 40%, 
        rgba(0, 0, 0, 0.532) 80%, 
        rgba(0, 0, 0, 0.039) 100%
    );
    /*background: rgba(255, 255, 255, 0.639);*/
    overflow: hidden;
    }

 .CDMGHosLogo
    {
        display: -webkit-flex; /* Safari */
        display: flex;
        background: transparent url(../images/CDMG_Home_logo.png) no-repeat;
        width: 180px;
        height: 180px;        
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        /*overflow: hidden;*/
        -webkit-filter: brightness(0) invert(1); /* Safari 6.0 - 9.0 */
        filter: brightness(0) invert(1);
        /*-webkit-flex-direction: column-reverse; /* Safari */
        /*flex-direction: column-reverse;*/
    }
    

.CDMGHostitleText
    {
    display: flex;
    align-self:center;
    /*margin-left: auto;
    margin-right: 60px; */
    font-size: 2em;
    font-weight: lighter;
    font-family: MMfont2;
    color: #ffffff;
    }

        
.CDMGHosSubTitleText
{
display: flex;
align-self:center;
font-family: MMfont2;
font-size: .7em;
font-weight: lighter;
line-height: 20px;
color: #ffffff;
}

#CDMGHosSubTitleText
{
color: #323232;
font-size: xx-large;
font-weight:bolder;
}

#CDMGHosSubTitleText2
{
width: 60%;
color: #323232;
font-size: medium;
font-weight: bold;
text-align: center;
margin-top: 20px;
}
 
.CDMGHosMainSection
    {
    width: 100vw;
    min-height: 100%;
    background-color: white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center; 
    display: block;
    position: absolute;
    margin: 0;
    /*clear: both;*/
    }

.CDMGHosMainSectionAll
    {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    }

.CDMGHosContentSection
    {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /*background: transparent url(../images/MMaboutBg.jpg) no-repeat;*/
    background-color: rgb(255, 255, 255);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: fixed;
    /*overflow: hidden;*/
    overflow: hidden;
    position: relative;
    clear: both;
    left: 0;
    bottom: 0px;
    color:#797a7b;
    }

    
.CDMGHosItemTitleText
    {
    display: flex;
    align-self:center;
    /*margin-left: auto;
    margin-right: 60px; */
    font-size: 1.7em;
    font-weight: lighter;
    font-family: MMfont2;
    margin-top: 30px;
    color: #5b5b5b;
    }

hr.Normal 
    {
        display: flex;
        width: 96%;
        border: none;
        height: 1px;
        background-color:#e0e0e0;
        margin-bottom: 10px;
        align-self: center;
    }

hr.Elipses
    {
    border: none;
    width: 30px;
    border-top: 4px dotted #939393;
    margin: 30px;
    }

.CDMGHosItems
    {
    display: flex;
    width: 96%;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    }   
    
.CDMGHosItem
    {
        display: flex;
        width: 500px;
        height: 460px;
        -webkit-flex-direction: column; /* Safari */
        flex-direction: column;
        -webkit-justify-content:space-between;
        justify-content: space-between;  
        align-items: flex-start;
    }

.CDMGHosItemThm
    {
        display: -webkit-flex; /* Safari */
        display: flex;
        align-self: flex-start;
        width: 500px;
        height: 281px;        
        margin-bottom: 0px; 
    }

#CDMGHosThmProp
    {
        background: transparent url(../images/CDMG_Hos_thm01.jpg) no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; 
    }

#CDMGHosThmEvent
    {
        background: transparent url(../images/CDMG_Hos_thm02.jpg) no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; 
    }

#CDMGHosThmWeb
    {
        background: transparent url(../images/CDMGHosIThmWeb.jpg) no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain; 
    }

.CDMGHosItemThmText
    {
    display: flex;
    align-self:flex-start;
    font-family: MMfont2;
    font-size: 1em;
    font-weight: lighter;
    color: #454545;
    line-height: 0%;
    }
  
    
#CDMGHosSubTitleText3
    {
    width: 100%;
    color: #323232;
    font-size: large;
    margin-top: 0px;
    }

.CDMGHosItemThmButn
    {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 60px;
    align-self:flex-start;
    font-family: MMfont2;
    font-size: 20px;
    font-weight: lighter;
    color: #454545;
    border: 1px solid #454545;
    }

.CDMGHosPropSection
    {
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
    align-items: flex-start;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    width: 95%;
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
    margin-top: 0px;
    }

#CDMGHosTitleBoldHos
    {
    margin-left: 0px;
    }

.CDMGHosCasesTitle
    {
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
    align-items: flex-start;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    width: 95%;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:  wrap;
    align-self: center; 
    margin-top: 0px;
    }

.CDMGHosCasesTitle2
    {
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:  wrap;
    align-items: flex-start; 
    margin-top: 40px;
    -webkit-justify-content: center; /* Safari */
    justify-content: center;
    align-self: center;
    width: 85%;
    }

.CDMGHosVideoImage
    {
    display: flex;
    width: 700px;
    height: 394px;
    background: transparent url(../images/CDMG_Hos_Vid_thm.jpg) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-bottom: 20px;
    }

#CDMGHosVideoImage2
    {
    display: flex;
    background: transparent url(../images/CDMG_SFH_sample_03.jpg) no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

.CDMGHosVideoSection
    {
    display: flex;
    width: 700px;
    height: 394px;
    background: transparent url(../images/CDMG_Hos_Vid_thm.jpg) no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

.CDMGHosVideoImages
    {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    }

.CDMGHosVidDesc
    {
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:  wrap;
    align-self: center; 
    margin-top: 20px;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    width: 95%;
    }

.CDMGHosVidDescRE
    {
    display: inline-flex;
    width: auto;
    height: auto;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: MMFont2;
    font-size: 2.5vh;
    margin-bottom: 20px;
    }

#CDMGHosPropDesc, #CDMGHosEventDesc, #CDMGHosWebDesc
    {
    padding-right: 65px;
    margin-bottom: 0px;
    }

.CDMGHosPricingTitle
    {
    display:flex;
    justify-content: center;
    }

.CDMGHosPricingPacks
    {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
    }    

.CDMGHosPricingPack
    {
    display: flex;
    width: 400px;
    height: auto;
    align-items: center;
    justify-content:flex-start;
    flex-direction: column;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 15px;
    padding: 20px;
    }

.CDMGHosPricePackIcon
    {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    align-self: center;
    }

#CDMGHosPricePackIconCarte
    {
    display: flex;
    width: 60px;
    height: 40px;
    background: transparent url(../images/icon_house_modern.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-filter: invert(60%);
    }

#CDMGHosPricePackIconRetain
    {
    display: flex;
    width: 60px;
    height: 40px;
    background: transparent url(../images/icon_calendar.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-filter: invert(60%);
    }

#CDMGHosPricePackIconEvent
    {
    display: flex;
    width: 60px;
    height: 40px;
    background: transparent url(../images/icon_CDJ.png) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    -webkit-filter: invert(60%);
    }

.CDMGHosPricePackTitle
    {
    display: flex;
    text-align: center;
    font-family: MMFont;
    font-weight: bolder;
    font-size: 28px;
    line-height: 25px;
    color: #939393;  
    margin-top: 10px;  
    }

.CDMGHosPricePackTitleSub
    {
    display: flex;
    text-align: center;
    font-family: MMFontBold;
    font-size: 22px;
    line-height: 25px;
    color: #939393;  
    margin-top: 10px;  
    }


#CDMGHosPricePackTitleSub2
    {
    text-align: left;
    align-self: flex-start;
    }

ul.PackageFeatures
    {
        display: flex;
        text-align: left;
        font-family: MMFont;
        font-weight: 1000;
        font-size: 15px;
        line-height: 25px;
        color: #939393;  
        margin-top: 10px; 
    }

.CDMGHosPackButn
    {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 60px;
    font-family: MMfont2;
    font-size: 15px;
    font-weight: lighter;
    color: #ffffff;
    background-color: #d4b66c;
    margin-top: 40px;
    }    
/* HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// 
HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// 
HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// HOSPITALITY SECTION END /// */

/*EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // 
EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // EVENT SECTION // */


.CDMGHosEventTitle
    {
    display: -webkit-inline-flex; /* Safari */
    display: inline-flex;
    align-items: flex-start;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    width: 95%;
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
    }

#CDMGHosTitleBoldEvent
    {
    margin-left: 0px;
    }

.CDMGHosEventDesc
    {
    display: flex;
    flex-direction: column;
    width:auto;
    height:auto;
    align-items:flex-start;
    padding-left: -55px;
    margin-bottom: 40px;
    }

#CDMGHosContactDesc
    {
    width: 100%;
    margin-bottom: 0px;
    }

/*EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // 
EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // 
EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // EVENT SECTION END // */


/*WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // 
WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // WEB SECTION // */

.CDMGHosWebSection
    {
    margin-top: 40px;
    display:flex;
    align-items:flex-start;
    justify-content: space-between;
    flex-direction: row;
    width: 95%;
    align-self:center;
    margin-bottom: 20px;
    }

.CDMGHosWebDescription
    {
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    }

.CDMGHosWebImages
    {
    display:flex;
    align-items: flex-start;
    justify-content:flex-end;
    flex-direction: column;
    }

#CasesTitleWeb
    {
    font-size: 9vw;
    margin-left: 0px;
    margin-bottom: 0px;
    }

#CDMGHosWebDesc
    {

    margin-left: 0px;
    }

.CDMGHosWebImage
    {
    display: flex;
    width: 700px;
    height: 394px;
    background: transparent url(../images/CDMGHosIThmWeb.jpg) no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin-bottom: 20px;
    }

#CDMGHosWebImage2
    {
    display: flex;
    width: 700px;
    height: 394px;
    background: transparent url(../images/CDMGHosThmWeb2.jpg) no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }

.CDMGHosContactSection
    {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    }

#CDMGHosContactSection
    {
    border-top: none;
    }

.CDMGHosContactTellUs
    {
    background-color: #f8f8f8;
    }

#CDMGHosContFields
    {
    
    }

    #pageOverlay
    {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.9);   
    position: fixed;
    z-index: 999;
    display: none;
    transition: opacity .5s;
    }
/* WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END // 
 WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END //  WEB SECTION END // */

.CDMGHosInputBoxText
    {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    font-family: MMfont2;
    }

#CDMGHosInputBoxText
    {
    border-bottom: none;
    margin-bottom: 0px;
    height: 25px;
    color: #8e8e8e;
    }

.CDMGHosCheckbox
    {
    display: flex;
    height: 30px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    flex-direction: row;     
    }    

.service1
    {
    padding-left: 10px;
    }  
    
    
    
/* MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // 
MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // MEDIA QUERIES // */

@media (max-width: 1585px) 
{
    .CDMGHosLogo {width: 130px; height: 130px;}
    .CDMGHosItem { width: 400px;}
    .CDMGHosItemThm { width: 400px; height: 225px;} 
    .CDMGHosVideoImage {width: 600px; height: 338px;}
    .CDMGHosPricingPacks { width: 100%; }
    .CDMGHosWebImage, #CDMGHosWebImage2 { width: 600px; height: 338px; }
}    

@media (max-width: 1440px) 
{
    .CDMGHosLogo {width: 120px; height: 120px;}
    .CDMGHostitleText { font-size: 1.5em; }
    .CDMGHosItem { width: 400px;}
    .CDMGHosItemThm { width: 400px; height: 225px;} 
    .CDMGHosVideoImage {width: 500px; height: 282px;}
    .CDMGHosPricingPacks { width: 100%;}
    .CDMGHosPricingPack { width: 370px;}
    .CDMGHosWebImage, #CDMGHosWebImage2 { width: 500px; height: 282px; }
}

@media (max-width: 1350px) 
{
    .CDMGHosCasesTitle2 { width: 95%;}
}

@media (max-width: 1275px) 
{
    .CDMGHosLogo {width: 120px; height: 120px;}
    .CDMGHostitleText { font-size: 1.5em; }
    #CDMGHosSubtitleTextMain { font-size: 18px; }
    .CDMGHosMainSectionAll { margin-top: 15px; }
    .CDMGHosItem { width: 400px;}
    .CDMGHosItemThm { width: 360px; height: 200px;} 
    .CDMGHosItemThmText { font-size: 30px;}
    #CDMGHosSubTitleText3 { font-size: 15px; }
}

@media (max-width: 1200px) 
{
    .CDMGHosPricingPack { width: 350px;}
}

@media (max-width: 1130px) 
{
    .CDMGHosLogo {width: 80px; height: 80px;}
    .CDMGHostitleText { font-size: 1em; }
    .CDMGHosSubTitleText { font-size: .4em; text-align: center; }
    #CDMGHosSubtitleTextMain { width: 80%; }
    #CDMGHosSubTitleText { margin-top: 10px; line-height: 30px; border-bottom: 0px; }
    #CDMGHosSubTitleText2 { font-size: 13px; width: 98%; margin-top: 8px; }
    .CDMGHosItems { flex-direction: column; }
    .CDMGHosItem { width: 98%; height: 400px; align-items: center; margin-bottom: 40px; }
    .CDMGHosItemThm { width: 360px; height: 200px; margin-bottom: -80px; } 
    #CDMGHosThmProp, #CDMGHosThmEvent, #CDMGHosThmWeb { align-self: center;}
    .CDMGHosItemThmText { align-self: center; margin-bottom: -50px; }
    #CDMGHosSubTitleText3 { align-self: center; width: 400px; font-size: 15px; margin-top: -40px; }
    .CDMGHosItemThmButn {margin-top: -100px ;}
    #CDMGHosItemThmTextWeb { font-size: 30px;}
    .CDMGHosWebSection { align-items:center; justify-content: flex-start; flex-direction: column;}
    .CDMGHosPropSection { width: 98%; align-items: center; justify-content: flex-start;}
    .brHide {display: none;}
    #CDMGHosTitleBoldHos, #CDMGHosTitleBoldEvent { font-size: 15vw; align-self: center;}
    #CDMGHosPropDesc, #CDMGHosEventDesc, #CDMGHosWebDesc { width: 98%; font-size: 15px; padding: 0px; margin-bottom: 10px;}
    .CDMGHosCasesTitle2 { width: 96%; }
    .CDMGHosPricingPacks, .CDMGHosEventTitle, .CDMGHosWebDescription { align-items: center; flex-direction: column;  width: 100%; }
    .CDMGHosPricingPack, { width: 90%; }
    #CDMGHosPackButnEvent, #CDMGHosWebButn { margin-top: 0px; }
    #CDMGHosEventSection {margin-bottom: 10px;}
    #CasesTitleWeb { font-size: 10vw; align-self: center;}
    .CDMGHosWebDescription { margin-bottom: 10px;}

}