font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/eb-garamond-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/eb-garamond-v13-latin-regular.eot%3F') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/eb-garamond-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/eb-garamond-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/eb-garamond-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/eb-garamond-v13-latin-regular.svg') format('svg'); /* Legacy iOS */
}
body{
font-family: 'EB Garamond', serif;

}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot%3F') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg') format('svg');
}


.carousel-item{
//  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}			   


.nav-bottom{

background: #efefef;
font-size: 1.14286rem;
padding: 10px 0 8px;
}

/*sub nav bottom*/



ul.mont-nav a, ul.mont-nav .current {
    display: inline-block;
    padding: 7px 40px;
    text-transform: uppercase;
}

ul.mont-nav a {
    color: #4d4d4f;
}


ul.mont-nav .current, ul.mont-nav a:hover {
    color: #385888;
}



ul.mont-nav li:not(:last-child) {
    border-right: 1px solid #dbdbdb;
}
/*sub nav bottom end */


.heading-style-2, .heading-style-3 {
    text-transform: uppercase;
    font-weight: 200;
   
}

.heading-style-3 {
    font-size: 1rem;
    margin-bottom: .5rem;
	//font-family: "Garamond Premier Pro",Arial,sans-serif;
	font-family: 'EB Garamond', serif;

}



.heading-style-2 {
    font-size: 2.14286rem;
    margin-bottom: 2rem;
	//font-family: "Garamond Premier Pro",Arial,sans-serif;
	font-family: 'EB Garamond', serif;
}


p {
    font-size: inherit;
    line-height: 2;
    margin-bottom: 2rem;
//    text-rendering: optimizeLegibility;
}


.montrose-col {
    padding-left: 20px;
    padding-right: 20px;
}



/* slide up start */
.slide {
  position: relative;
   }


.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1e1e1e;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.slide:hover .overlay {
  height: 100%;
}

.text {
  color: white;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.slidingpush-title {
    width: 100%;
    color: #af936c;
    text-transform: uppercase;
    font-size:14px;
    letter-spacing: 1px;
	font-weight:600;
	margin-bottom: 10px;
}

.dingpush-copy {
    font-size: .85714rem;
}


.button.hollow.secondary {
    border: 1px solid #af936c;
    color: #af936c;
}

.button.hollow, .button.hollow.secondary {
    	border-width: 2px;
   }

.slidingpush-cta .button.secondary.hollow {
    color: #af936c;
}   

.slidingpush-cta .button {
     padding: 5px 10px;
}

.slidingpush-cta .button.secondary.hollow:hover, .slidingpush-cta .button.secondary.hollow:focus {
    color: #1e1e1e;
    border-color: #af936c;
    background: #af936c;
}
   
.line {
 border: 2px solid #af936c;!important;
    margin-bottom: 30px;
    width: 27px;
}   
   
   
/*slide up end*/
/*social  start*/

.footer-social {
    text-align: center;
    font-size: .78571rem;
    background: #ececec;
    align-items: stretch;
}


.footer-social .hashtag {
    text-transform: uppercase;
}


.footer-social h3 {
    font-size: 1.71429rem;
    text-transform: uppercase;
    font-weight: 400;
    margin: 10px 0 0;
    letter-spacing: 1px;
}


.footer-social h3 .subtitle {
    font-size: 1.71429rem;
}


.footer-social h3 i {
    text-transform: none;
}

.social-list {
    list-style-type: none;
    margin: 32px 0;
    text-align: center;
}


.social-list li, .social-list a {
    display: inline-block;
    vertical-align: baseline;
    width: 20px;
    height: 20px;
}

.social-list li {
    margin: 0 14px;
}



.blk{
    font-size: 25px !important;
    color: #454242 !important; 
}


.but-top{
margin-top: -20px;
left: 36px;
position: relative;
}

/*social end */

  @media screen and (min-width:768px){
      li#mob-contact{
          display:none !important;
      }
#sticky-footer{
display:none;
}

.carousel-item{
height: calc(100vh - 125px) !important;
}

.carousel-control-next, .carousel-control-prev {
top: 145px;
}


.montrose-expand-sm .montrose-nav .montrose-link {
    padding-right: 7.5rem !important;
    padding-left: 7.8rem !important;
}

.slide {
      margin-top: 65px !important;
   }
#mont{
	  width: 22%;
	  }


.img-pad{
    max-height: 390px;
}

.golf-pad{
   max-height: 150px;
left:40px;
position:relative;
margin-top:50px;
margin-bottom:10px;
}


.checkin-block{
    position: fixed;
    margin-top: 40px;
    z-index: 1;
    background: rgba(26, 26, 26, 0.8);
    height:75px;
}

.cinput{
background: #000 !important;
    color: #fff !important;
    border: 2px solid #0000 !important;
    padding-top: 20px;
    padding-bottom: 20px;
width: 70% !important;
}	


.htop{
bottom: 8px !important;
}

.add_code{
color:#fff;
padding-left:20px;
//padding-right:20px;	  
font-size: .78571rem;

}


.add_code:hover{
color:#fff;
}
.cform{

   // position: absolute;
   position:initial;
    z-index: 1;
    top: -3%;
    left: 1%;
    //margin: -100px 0 0 -150px;

}

.mleft{
margin-left: -140px;
}

.mview{
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 44px;
	font-size: 30px !important;
}


.top-header{
    background: #f8f9fa!important;
   height: 41px;
    border-bottom: 1px solid #ececec;
font-size: .91429rem;
}

.mline{
border-right: 1px solid  #ececec;;
    padding-left: 20px;
padding-top: 15px;
padding-bottom: 8px;
}

.tpad{
top: 41px !important;
    height: 67px;


}




.nav-right2{
right: 95px;
}

}

    @media screen and (max-width:768px){
 li#news mob-contact{
          display:block !important;
      }

.desktop-booknow{
display:none;
    
}

.carousel-item{
//height: 180px !important;
min-height: 190px !important;
}


#sticky-footer{
display:block;
}

#managetop{
display:none;
}


#second-nav{
display:none;
}




.icon {
  padding: 10px;
  background: #000 !important;
  color: white;
  min-width: 50px;
  text-align: center;
  margin-top: 10px;
 
}


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}



.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}



.yellow{
//	    background: linear-gradient(to bottom, #f7cc64 0%, #dcad3b 100%);
     background: #937750; 
    color: #fff;
    padding:3% 28%;
    border-radius: 7px;
    font-weight: 600;
}




.desktop-social{
display:none;
}

.mobile-social{
display:block;
}

.checkin-block{
    margin-top: 85px;
    margin-bottom: 20px;
    background: rgba(26, 26, 26, 0.8);
}

.cinput{
    margin-top: 10px;
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.add_code {
    color: #fff;
    padding-left: 70px;
    padding-bottom: 10px;
    font-size: .78571rem;
    left: auto;
    position: inherit;
    right:auto;
    margin-left: 20px;
}


.add_code:hover{
color:#fff;
}

.slide {
    margin-top: 80px;
}

#mont{
	  width:75%;
	  margin-bottom:10px;
margin-left:0px !important;
}

.img-pad {
    height: 350px;
}	
.golf-pad {
    height: 225px;
}


.top-header{
   display:none;

}

.lwidth{
width:100px;
}

.demo img{
    height: 60px;
}
	}

@media screen and (min-width: 768px) and (max-width: 1100px){
.lwidth{
width:100px;
}

.desktop-social{
display:none;
}

.form-control{
padding:0px;
}

#managetop {
    display: none;
}

#sticky-footer{
display:block;
}


.icon {
  padding: 10px;
  background: #000 !important;
  color: white;
  min-width: 50px;
  text-align: center;
  margin-right: 0px !important;
}


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}



.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.yellow{
//	    background: linear-gradient(to bottom, #f7cc64 0%, #dcad3b 100%);
 background: #937750; 
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 7px;
  font-weight: 600;
}



.mobile-social{
display:block;
}
.montrose-expand-sm .montrose-nav .montrose-link {
    padding-right: 0.5rem !important;
    padding-left: 0px !important;
}

#mont{
	  width: 40% !important;
	 margin-bottom:10px !important;
	  }
.tpad{
	    top: 0px !important;
}	  
	


.top-header{
   display:none;

}

.imgright {
     right: -4%;
}

.checkin-block{
top:28px !important;
margin-top: 40px;
}


.primary-nav{
background: #f8f9fa;
}
.navbar-light .navbar-nav .nav-link{
margin-left:10px;
}

 }
@media screen and (min-width: 1100px) and (max-width: 2000px){ 
 .mview{
display:none !important;

}


.left-footer{
margin-left: 100px;
}

.navbar-expand-lg .navbar-nav .nav-link{
padding-right: 0rem !important;
padding-left: 1rem !important;
}



.icon {
  padding: 10px;
  background: #000 !important;
  color: white;
  min-width: 50px;
  text-align: center;
   }


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}



.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}


.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}


.desktop-social{
display:block;
}

.mobile-social{
display:none;
}

.footer-pad{
    padding-left: 190px;
    padding-right: 190px;

}

.montrose-expand-sm .montrose-nav .montrose-link {
    padding-right: 0.5rem !important;
    padding-left: 0.8rem !important;

    }


.montrose-expand-sm .montrose-nav .plink {
    padding-right: 0.5rem !important;
    padding-left: 0.8rem !important;
}

.lwidth{
width:40%;
}


.cinput-footer {
    padding-right: 180px;
   padding-left: 45px;
   padding-top: 25px;
   padding-bottom: 25px;
    margin-left: 100px;
}




.footer-submit{
 //padding-top: 3px;
  //  margin-left: -11px;
    // padding-bottom: 34px;
    padding-bottom: 14px;
    padding-top: 14px;
    margin-top: 0px;
color: #385888 !important;
}

 
} 
 /*nav bar start*/
.navbar-light .navbar-nav .nav-link {
    color:#4D4D4F !important;
	    text-transform: uppercase;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #385888 !important
}







.cinput-footer {
    background: #ececec !important;
    color: #000 !important;
    border: 2px solid #0000 !important;
 }

.footer-submit{
 background: #ececec !important;
 margin-bottom: 5px;
}

.footerpush-giftcard {
    text-align: left;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #d7dce3;
    background: linear-gradient(to left, rgba(242,247,255,0) 256px, #f2f7ff 422px, #f2f7ff 100%),url(../img/giftcards.jpg) no-repeat right center;
    padding: 33px 44px 35px;
}


a:hover {
text-decoration:none  !important;
}

 /*navbar end*/



.cinput::-webkit-input-placeholder {
    color: #fff;
    font-size: .78571rem !important;
    font-weight: 400;
  //  line-height: 1.5;
    text-transform:uppercase;
}
.cinput:-moz-placeholder {
    color: #fff;
    font-size: .78571rem !important;
    font-weight: 400;
//    line-height: 1.5;
    text-transform:uppercase;
}
.cinput::-moz-placeholder {
    color: #fff;
    font-size: .78571rem !important;
    font-weight: 400;
    //line-height: 1.5;
    text-transform:uppercase;
}



.bder{
border: 1px solid  #ececec;

}



 nav select { display: none; }

/*added for dropdown view  sub navbar*/
 @media (max-width: 960px) {
           ul.mont-nav a     { display: none; }
	         nav select { display: inline-block; }
		     }


/*ended for dropdown view sub navbar*/

.social{
border-bottom: 1px solid #e3e3e3;
}

.ft-nav a{
    text-transform: uppercase !important;
    font-size: 0.786rem !important;
         color: #385888 !important;
}







.footerbottom-address {
    text-align: center;
    margin: auto;
    padding: 1rem 0;
    font-size: .78571rem;
    text-transform: uppercase;
    
}


.footerbottom-address .address {
    display: inline;
}


 .footerbottom-address .property-name::after {
    content: " | ";
    padding: 0 .5rem;
}


.footerbottom-address .reserve {
    display: inline;
}


.footerbottom-address a.address-text::after, .footerbottom .footerbottom-address .property-name::after {
    content: " | ";
    padding: 0 .5rem;
}

.seperator {
    display: inline-block;
    margin: 0 10px;
}



.copyright {
    font-size: 0.786rem;;
    margin-top: 1rem;
}


 .navigation {
    display: inline;
}

.footerbottom-address .copyright a::before {
    content: "";
    padding: 0.5em;
}



a.address-text{ 
color: #385888 !important;
}

a.reserve_text{
color: #385888 !important;
}

a.copy_text{
color: #385888 !important;
}


body {
    font-size: 14px;
}


.demo p {
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: center;
}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  //background-color: #000;
  //background-color: hsla(0, 0%, 20%, 0.9);
  background-color: #ECECEC;
  color: #000;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  //border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-top: 5px solid #ECECEC;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.bclr{
color: #6d6e70;
}


.cinput_icon{
  font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.room-suites{
font-size:large;
}

.diamond-icon li{
 list-style-image: url('../img/list_icon.png');

}



.mheight{
min-height: 3.5em !important;
}

.mborder{
border:2px solid rgba(228,232,241,1) !important;
}

@media screen and (min-width: 1100px) and (max-width: 1300px){ 
.navbar-light .navbar-nav .nav-link{
font-size: 10px !important;
}
.navbar-expand-lg .navbar-collapse{
display: ruby !important;
}


.lwidth{
width:50%;
}

.add_code{
padding-left: 0px !important;
    
}

.yellow{
    background: #937750;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;
    font-weight: 600;
}
}


@media screen and (min-width: 1300px) and (max-width: 1500px){ 
.navbar-light .navbar-nav .nav-link{
font-size: 11px !important;
}
.lwidth{
width:40%;
}
.imgright {
     right: -4%;
}


.yellow{
    background: #937750;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;
    font-weight: 600;
}
}


@media screen and (min-width: 1500px) and (max-width: 2000px){ 
.navbar-light .navbar-nav .nav-link{
font-size: small !important;
}
.lwidth{
width:40%;
}

.yellow{
    background: #937750;
    color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 7px;
    font-weight: 600;
}
}




.tlspace{
margin-left:10px;
}





@media screen and (min-width: 1100px) and (max-width: 1500px){
ul.mont-nav a {
    color: #4d4d4f;
    font-size: small;
}
.montrose-expand-sm .montrose-nav .montrose-link {
    padding-right: 0.5rem !important;
    padding-left: 0.8rem !important;
}
.imgright {
     left: -4%;
}

.montrose-expand-sm .montrose-nav .montrose-link {
    padding-right:1rem !important;
    padding-left: 1rem !important;
    font-size:x-small;
}

}

@media screen and (min-width: 1500px) and (max-width: 2000px){
.montrose-expand-sm .montrose-nav .montrose-link {
    padding-right:1rem !important;
    padding-left: 1rem !important;
    font-size:small;
}
.imgright{
left: -8%;
}
}


@media screen and (min-width: 650px) and (max-width: 900px){
.landscape_view{
width: 200px;
height: 220px;
overflow-y: auto;
}
}
/*
@media only screen and (min-width : 1000px) and (max-width : 1200px)  {

body{
background-color:aqua !important;
}  


.navbar-header {
      float: none;
  }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggler {
        display: block;
        border:1px solid red;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
        //border:1px solid red !important;
        overflow:scroll;
    }
}
*/

 .age-limit{
 display: block ruby;
overflow: auto;
white-space: nowrap;
  }
  
.trad:checked,
.trad:not(:checked) {
    position: absolute;
    left: -9999px;
}
.trad:checked + span,
.trad:not(:checked) + span
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline;
    color: #666;
	bottom: 65% !important;
    left: 20% !important;    
}
.trad:checked + span:before,
.trad:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #937750;
    border-radius: 100%;
    background: #fff;
}
.trad:checked + span:after,
.trad:not(:checked) + span:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #937750;
    position: absolute;
    top: 5px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.trad:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.trad:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} 


/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/
Cookie Consent End*/


/* video  css  */

/*  LAYOUT
------------------------------------------------------- */

#wrapper {
        width: 100%;
        margin: 0 auto;
}

#videoContainer {
        position: relative;
        height: 50%;
        height: 50%;
}

#video {
        width: 100%;
}

#transcript p {
        font-family: 'Varela Round', sans-serif;
        font-size: 18px;
        line-height: 36px;
        margin: 20px;
}

.highlight {
        color: #ff9900;
}

/* VIDEO CONTROLS
------------------------------------------------------- */

#videoControls {
        position: absolute;
        top: 95%;
        left: 1.5%;
        right: 1.5%;
        padding: 5px;
}

#progress {
        width: 0%;
        position: absolute;
        top: -10px;
        -webkit-appearance: none;
        background-color: #ff9900;
        height: 5px;
        z-index: 1;
        pointer-events: none;
}

#progressBar {
        width: 98.5%;
        position: absolute;
        top: -10px;
        right: 1%;
        -webkit-appearance: none;
        background-color: #6d6e6d;
        height: 5px;
        z-index: 0;
}
#progressBar:focus {
        outline: none;
}
#progressBar::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 0;
    width: 0;
}
#progressBar::-moz-range-thumb {
        visibility: hidden !important ;
}

#buttons {
        opacity: 0;
        transition: opacity .3s ease-out;
}
#videoContainer:hover #buttons {
        opacity: 1.0;
}

#duration, #fastFwd {
        color: white;
        font-family: 'Varela Round', sans-serif;
        font-size: 14px;
        position: relative;
        bottom: 5px;
        left: 5px;
}

#mute, #closedCaption, #fullScreen, #volumeBar {
        float: right;
}

#volumeSlider {
        width: 60px;
        float: right;
}
#volumeSlider::-webkit-slider-thumb {
    background-color: green;
    height: 10px;
    width: 10px;
}

/* =========================================
   MEDIA QUERIES */


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

        #wrapper {
                width:  100%;
        }

        #transcript p {
                font-size: 14px;
                line-height: 24px;
        }

        #videoControls {
                top: 80%;
        }

}

 .buttonControls , #play , #fastFwd , #fullScreen, #mute {
 border: none;
        background: none;
        outline: none;
}

@media screen and (max-width: 767px) {
    .mobile-video {
        display: block;
    }
    .desktop-video {
        display: none;
    }
    .full-video-link {
        z-index: 1;
        position: absolute;
        left: 50%;
        bottom: -3%;
        transform: translate(-50%, -50%);
        padding: 5px 5px;
        border:2px solid rgb(209 174 108) !important;
color: rgb(209 174 108) !important;

    }
}

@media screen and (min-width: 768px) {
    .mobile-video {
        display: none;
    }
    .desktop-video {
        display: block;
        width: auto;
    }
    .full-video-link {
        z-index: 1;
        position: absolute;
        left: 50%;
        bottom: -4%;
        transform: translate(-50%, -50%);
        padding: 5px 5px;
    }
}
/* video  css  end*/